Question

我正在尝试使用jQuery为<tr id="options"> PHP生成的foreach()设置样式，但我尝试的所有内容只选择第一个，而其他内容保持不变。我能做什么？简单的例子：

CSS：

td {border:1px solid black}

TABLE：

<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">设置样式。我怎样才能得到所有这些？对不起，如果这是一个愚蠢的问题。谢谢你的帮助。

Answer 1

将id转换为class，例如： - <td class="options">..</td>

然后你可以使用（使用Either-one）

CSS（standered way）： -

td.options {border:1px solid black}

或jQuery（尽可能避免）： -

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

示例（两者同时）： -

＆＃13;

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

＆＃13;

td.options {border:1px solid black}

＆＃13;

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

＆＃13;

PHP foreach使用jQuery

1 个答案: