jQueryを使ってPHP foreachで生成したスタイリングテーブル

Question

<tr id="options">はPHPforeach()でjQueryでスタイルを設定しようとしていますが、試したことのあるものは他のものをそのまま残しておきます。私は何をすることができますか？簡単な例：

CSS：

td {border:1px solid black} 

TABLE：私は（他の中で）このjQueryのコードを試してみました

<table> 
<tr> 
    <td>DATE</td> 
    <td>EXAM TITLE</td> 
    <td>EXAM CODE</td> 
</tr> 
<tr> 
    <td>TODAY</td> 
    <td>RANDOM</td> 
    <td>123</td> 
</tr> 
<tr> 
    <td>BUTTON</td> 
    <td>BUTTON</td> 
    <td>BUTTON</td> 
</tr> 
<tr> 
    <td colspan=3 id="options"> 
</tr> 

：

$("table").find("#options").each(function(){ 
    $(this).css("border","0px"); 
}); 

それだけのスタイルの私の最初の<td id="options">。どうすればそれらのすべてを手に入れることができますか？ 申し訳ありません、それはばかげた質問です。助けてくれてありがとう。以下のようなclassへ

Answer 1

変換id： - <td class="options">..</td>

、その後、あなたは（使用するか-1）を使用することができます

CSS（standered方法）： -

td.options {border:1px solid black} 

または、jQueryの（にしてみてください可能な限り避けてください）： -

$('.options').css("border","1px solid black"); // no need of each 

例（両方を同時に）： -

$('.options').css("font-size","21px");

td.options {border:1px solid black}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
    <td class="options">DATE</td> 
 
    <td class="options">EXAM TITLE</td> 
 
    <td class="options">EXAM CODE</td> 
 
</tr> 
 
<tr> 
 
    <td class="options">TODAY</td> 
 
    <td class="options">RANDOM</td> 
 
    <td class="options">123</td> 
 
</tr> 
 
<tr> 
 
    <td class="options">BUTTON</td> 
 
    <td class="options">BUTTON</td> 
 
    <td class="options">BUTTON</td> 
 
</tr> 
 
</table>