gpt4 book ai didi

javascript - 使用 javascript 根据列的值更改与 列关联的 css 类

转载 作者:行者123 更新时间:2023-11-28 13:41:03 25 4
gpt4 key购买 nike

我有一个网格,对于其中一列,我想根据结果集中另一个字段的值动态更改使用的 css。

所以而不是像

<td class='class1'>
${firstname}
</td>

伪我想

{{if anotherColumnIsTrue }}
<td class='class1'>
${firstname}
</td>
{{/if}}
{{if !anotherColumnIsTrue }}
<td class='class2'>
${firstname}
</td>
{{/if}}

这件事可能吗..?

最佳答案

我认为 jQuery使这变得容易得多。

很有可能。我假设您希望每一行都有这个。假设您有下表:

<table id="coolTable">
<tr>
<td class="anotherColumn">True</td>
<td class="firstName">Chris</td>
</tr>
<tr>
<td class="anotherColumn">False</td>
<td class="firstName">Roger</td>
</tr>
</table>

您可以使用以下代码遍历行并有选择地添加类:

$(function(){
$("#coolTable tr").each(function(i,row){
if($(row).children("td.anotherColumn").html()=="True") // Any condition here
{
$(row).children("td.firstName").addClass("class1");
}else{
$(row).children("td.firstName").addClass("class2");
}
});
});

看看这个 fiddle :http://jsfiddle.net/mrfunnel/LXq3w/2/

关于javascript - 使用 javascript 根据列的值更改与 <TD> 列关联的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7633955/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com