由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样式表

回答

相关问题