由PHP foreach生成的样式表与jQuery

发布时间：2020-12-13 16:09:19 所属栏目：PHP教程来源：网络整理

导读：我正在尝试设置一个 tr id =“options”由 PHP foreach()使用jQuery生成,但我尝试过的所有内容只选择第一个,其他内容保持不变.我能做什么？简单的例子： CSS： td {border:1px solid black} 表： tabletr tdDATE/td tdEXAM TITLE/td tdEXAM CODE/td/trtr tdT

我正在尝试设置一个< tr id =“options”>由 PHP foreach()使用jQuery生成,但我尝试过的所有内容只选择第一个,其他内容保持不变.我能做什么？简单的例子：

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”>.我怎样才能得到所有这些？
对不起,如果这是一个愚蠢的问题.谢谢您的帮助.

解决方法

将id转换为classlike： – < 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

示例(两个同时)： –

$('.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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!