jquery - 从索引 2 到 4 将类添加到 tr 的第三个孩子

Question

演示

得到lastRowIndex='2'和currentIndex='4'

我必须将类添加到从 RowIndex 2 到 4 的 tr 的第三个孩子。

<table id="mytable" width="100%">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
     <tr>
        <td></td>      
        <td></td>
        <td></td>
    </tr>
   <tr>
        <td></td>    
        <td></td>
        <td></td>
    </tr>
  <tr>
        <td></td>       
        <td></td>
        <td></td>
    </tr>
     <tr>
        <td></td>     
        <td></td>
        <td></td>
    </tr>
</table>

Answer 1

也许这样：

$("tr").slice(1,4).children(":nth-child(3)")

---

因此，使用变量lastRowIndex和currentIndex，添加myClass的查询应该是：

 $("tr").slice(lastRowIndex-1, currentIndex)
            .children(":nth-child(3)").addClass("myClass")

Answer 2

然后是这样的：

$("tr").each(function(){
    var thisIndex = $(this).index()
    if(thisIndex >= 2 && thisIndex <= 4){
        $(this).children().eq(2).addClass('red');
    }
})

JSFiddle

尽管我赞成loxxy答案，因为这几乎就是我为每一行添加的内容。

Answer 3

也许使用filter？并parseInt在将这些变量与tr索引进行比较之前使用：

//your variables - be sure to use parseInt on them
var lastRowIndex = parseInt('2', 10);
var currentIndex = parseInt('4', 10);

//use filter on the <tr/>s whose indices lie between your variables.
$("tr").filter(function () {
    //get the index and store in variable
    var index = $(this).index();
    //compare
    return index >= lastRowIndex && index <= currentIndex
})
//find the third-child of every filtered <tr/>
.find(":nth-child(3)")
//add the class "color" to it.
.addClass("color");

演示：http: //jsfiddle.net/hungerpain/fTV4m/1/