由PHP foreach生成的样式表与jQuery

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了由PHP foreach生成的样式表与jQuery脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试设置一个< 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>

脚本宝典总结

以上是脚本宝典为你收集整理的由PHP foreach生成的样式表与jQuery全部内容,希望文章能够帮你解决由PHP foreach生成的样式表与jQuery所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:jquery