Javascript TD的Jquery条件选择器
我希望能够根据第一个TD元素的值向TR元素添加一个类 例如: 如果我有以下数据数组: [1,2,3,4] [5,6,7,8] 其中每个数组表示一个tr,每个元素都是td,我想突出显示tr,例如第一个td等于5 我该怎么做呢Javascript TD的Jquery条件选择器,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我希望能够根据第一个TD元素的值向TR元素添加一个类 例如: 如果我有以下数据数组: [1,2,3,4] [5,6,7,8] 其中每个数组表示一个tr,每个元素都是td,我想突出显示tr,例如第一个td等于5 我该怎么做呢 谢谢,您可以使用第一个孩子和Jquery $('td:first child:contains(“5”)).parent('tr').addClass('selected') tr.selected{ 背景:黄色; } tr.td:第一个孩子{ 字号:1.5em; } 1
谢谢,您可以使用
第一个孩子
和Jquery
$('td:first child:contains(“5”)).parent('tr').addClass('selected')
tr.selected{
背景:黄色;
}
tr.td:第一个孩子{
字号:1.5em;
}
1.
2.
3.
5.
6.
7.
1.
5.
7.
下面的示例可以帮助您
$(函数(){
var tr=$('tr').find('td:first child');
tr.each(函数(){
if($(this).text()==5)
$(this.parent('tr').addClass('highlight');
});
});代码>
tr.highlight{
背景颜色:黄色;
}
1.
2.
3.
4.
5.
6.
7.
8.
1.
2.
3.
4.
5.
6.
7.
8.
我通过使用fnRowCallback函数解决了这个问题
'fnRowCallback': function(nRow, aData, iDisplayIndex) {
$(nRow).css('cursor', 'pointer');
$(nRow).prop('title', 'Select Company');
if (aData.CompId === "COMP01") {
$(nRow).find('td').addClass('selectedCompany');
}
return nRow;
},
假设所需行td的内容为“2”,这两个选项中的任何一个都可以:
$(document).ready(function() {
var findMe = "two";
$('#mytable').find('tr').filter(function(index) {
var isTwo = $(this).find('td').eq(0).text() === findMe;
return isTwo;
}).addClass('highlight');
$('#mytable').find('tr').find('td:first').filter(':contains("' + findMe + '")').parent('tr').addClass('highlight');
});
$('tr').find('td:nth child(1)').text()==5
?如何创建表?您可以在生成类时将其添加到tr
。@guradio如何向其中添加类???@mikemcaughan,我正在通过ajax调用创建它,并使用aoColumn属性初始化数据表显示html标记。。您需要循环每个tr,然后放入条件快速解决方案,但由于包含文本为“15”的td也将被选择编辑有效。下面是一个完整的示例,但它不起作用。$(“#companyStockTable>td:first child:contains(“这是所选公司”))。parent('tr')。addClass('selectedCompany')代码>我似乎无法实现这一点:var tr=$(“#companyStockTable tr”).find('td:first child');tr.each(函数(){if($(this).text()=“我想要的公司名称”)$(this.parent('tr').addClass('selectedCompany');})代码>我现在已经设法解决了这个问题,谢谢。见下面我的答案。这似乎是最简单的方法