Question

我有像

这样的行

<table id='tbl'>
<tr data-counter="1" class="active">/tr>
<tr data-counter="2">/tr>
<tr data-counter="3">/tr>
<tr data-counter="4">/tr>
<tr data-counter="5" class="active">/tr>

我只想检查数据计数器是否存在该行。我想从第2行添加第4行，并删除现有行的类。

for(var i = 2;i <=4  i++){ 
        $('.active').removeClass('active'); // Remove class to already existing class rows. 
        if($('#tblInbox tbody tr[data-counter="'+i+'"]').length){ // If the records are already available.  
            console.log("i::"+i);

            $('#tblInbox tbody').find('tr[data-counter="' + i + '"]').addClass('active');

        }

}

代码有什么问题吗？

Answer 1

试试这个：

for (var i = 2; i <= 4; i++) {
    if ($('#tbl').find('tr[data-counter="' + i + '"]').length) {
        // do something
        $('#tbl').find('tr[data-counter="' + i + '"]').addClass('active');
    }
}

DEMO here.

Answer 2

您需要在行中添加td来放置数据。

<强> Live Demo

$('#tbl td[data-counter]').addClass('active');

Answer 3

$(':data');       // All elements with data  
$(':not(:data)'); // All elements without data

你的问题......

$('#tbl tr').each(function() {
  if(!$(this).attr('data-timer'))
   {
     // data-attributes does not exits 
   } 
});

最好将类名添加到包含数据且没有数据属性的行...

检查数据计数器值是否存在并添加类

3 个答案: