如何简化这个Jquery解决方案?

时间:2014-02-09 12:29:43

标签: javascript jquery html

这是我的Jquery:

$("button").click(function() {
  var counter = 1
  $("tr td:nth-child(2)").text(counter);
  click ++;

});

而不是使用;

$"(tr td:nth-child(2)").text(counter); 

我想使用.slice()以避免不得不这样做:

$("tr td:nth-child(2)").text(counter);
$("tr td:nth-child(4)").text(counter);
$("tr td:nth-child(6)").text(counter);
$("tr td:nth-child(8)").text(counter);

或者,如果有更好的解决方案,我也会很感激。感谢。

2 个答案:

答案 0 :(得分:1)

尝试使用jQuery :even selector

$('tr td:even').text(counter);

如果您想从索引2(而不是0)开始,请使用:

$('tr td:even:not(:first)').text(counter);

DEMO

答案 1 :(得分:0)

只是迭代元素。

$("tr td").each(function (index, element) {
    if (index % 2 === 0) { // if you want to check for evens
        element.text(index);
    }
})