jsでcss指定しているものを、別のphp上でjsを書きcss上書き可能か。

Question

現在

<?php foreach ($Admin as $data) { ?>
  <?php if ($data['Admin']['flag'] == 1) { ?>
    <script type="text/javascript">
      var elem = document.getElementById("aaaa");
      elem.style.background = "#c3eb";
    </script>
  <?php } ?>
  <tr id="aaaa">
    <td><?php echo h($data['Admin']['id']); ?></td>
    <td><?php echo h($data['Admin']['name']); ?></td>
  </tr>
<?php } ?>

としてみましたが、常に偶数(even)の部分しか変わりません。

どこでこのevenに色指定しているのか調べたところ、別場所のjsファイルでやっていました。

    $("table.separate td.even").css({background: "#f7f7f7"});

。

これを、上書きしたいんですが記述方法がわかりません。
jsを上書きする方法はありますか？このphp上でのみ動作できればいいです。

やりたいことは、foreachでデータのフラグが1のものにのみ、スタイルを変更したい。
しかし、既にevenでスタイルがあたっているため変更できずにいる。

追記
もう要素作っちゃうことにしてみました、しかし全て変わりませんでした。やはりevenのみかわりません。.evenにすれば変わりますが、foreachが問題の様です。

              <?php if ($data['Admin']['flag'] == 1) { ?>
                <script type="text/javascript">
                  var style = document.createElement('style');
                  document.head.appendChild(style);
                  style.textContent = '.even {background-color: #124141 !important;}';
                </script>
              <?php } ?>

foreachの中に、ifを書きその中にjsをといったことは、不可能なんでしょうか？

Answer 1

現在（中略）としてみましたが、

IDが一致するものを複数生成してしまうと、正常に動作しません。

Comments

[momolength]

なるほど、ありがとうございます。
それでは、"foreachでデータに一致するものを取り出し判定しつつ、jsでスタイル変更"は不可能ということでよろしいですか？

[maisumakun]

まずは、idが重複しないようにまともなHTMLを生成した上で、次のことを考えましょう。

[maisumakun]

> それでは、"foreachでデータに一致するものを取り出し判定しつつ、jsでスタイル変更"は不可能ということでよろしいですか？

そんなことは言っていません。

[momolength]

失礼、言っている意味が理解できません。
foreachでtr達を順番に表示しています。trにはidをつけました。
そのidに対してある条件下でスタイルを変更したい。

このtrやtdそれぞれに個々の名前を付けろということですか？
tr達をforeachでまわしデータを表示させることはまともな事だと思いますが。

[maisumakun]

> このtrやtdそれぞれに個々の名前を付けろということですか？

はい。同じidが1つのHTMLに複数回出現してはいけません（classなら同じものがいくつ出現しても問題ありません）。

[momolength]

なるほど。ありがとうございます。
trのidをclassにしました。
これでユニークなものにする必要はなくなりましたかね？

戻りますがこのjsの書き方だと、一回class変えたら後ずっと変えたままになりますね。classに変えて流してみましたが、evenだけ変わりませんでした。全て色が変わってもいいような気がしますが、なぜだかわかりますか？

[maisumakun]

> なぜユニークなものに変える必要がありますか？

classについてはユニークにする必要はありません。

IDは、HTMLのルールとして「同じIDは文書に1つだけ」となっているので、ユニークなものを生成しなければなりません。

[momolength]

どちらにせよ、一度付与したらずっと付与されますよね。
class名を変更の方が正しいんでしょうか...。

[maisumakun]

そもそも論として、偶数奇数で変えたいだけならJavaScriptも、行ごとのクラス付与も不要です。

CSSの:nth-childを使えば、シンプルな<tr>だけで1行ごとに色を変えられます。

[momolength]

では、jsを取り消しcssで管理した方がよいですね。