由jQuery生成的PHP foreach樣式表

我想用jQuery設計PHPforeach()生成的<tr id="options">，但是我試過的所有東西都只選擇了第一個，而其他的完好無損。我能做什麼？簡單的例子：由jQuery生成的PHP foreach樣式表

CSS：

td {border:1px solid black}

表：

<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>

我已經試過這jQuery代碼（其他中）：

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

它只是風格我第一次<td id="options">。我怎樣才能得到他們所有的人？對不起，如果這是一個愚蠢的問題。謝謝您的幫助。

來源

2017-06-06 Ciprian C

使用類'' –

因爲您使用的ID使用的類。 ** ID應該是唯一的** – guradio

「id」僅用作唯一標識符一次。使用「class」代替 – hallleron

轉換id到class，如： - <td class="options">..</td>

，然後你可以使用（請使用一）

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>

來源

2017-06-06 06:39:47

Ciprian C高興地幫助你 –

由jQuery生成的PHP foreach樣式表

回答

相關問題