Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript TD的Jquery条件选择器_Javascript_Jquery_Css_Datatables - Fatal编程技术网

Javascript TD的Jquery条件选择器

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

我希望能够根据第一个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.
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');})我现在已经设法解决了这个问题,谢谢。见下面我的答案。这似乎是最简单的方法