Question

我正在尝试通过Jquery为表中的特定行（第3行和第6行）应用css样式，下面是我目前正在做的事情。它工作得很完美，但我想知道是否有更好的方法，而不是声明单独的变量来保存单个行。

var row = $('.table tr').eq(3);
var row1 = $('.table tr').eq(6);

var rowstyles = {
    height: "24px",
    background: "#444",
    fontStyle: "italic"
};

row.css(rowstyles);
row1.css(rowstyles);

在上面的代码中，我声明了var row和var row1来引用相应的行，而一个变量可以引用我想要将样式应用到的行吗？

Answer 1

var rows = $（“。table”）。find（“tr：eq（3），tr：eq（6）”）;

Answer 2

你可以这样做：

var rowstyles = {
    height: "24px",
    background: "#444",
    fontStyle: "italic"
};

var rows = [3, 6];

$.each(rows, function(){
    $('.table tr').eq($(this)).css(rowstyles);
}

Answer 3

JSFIDDLE

你可以给tr 3和tr 6上课 - 然后使用如下

var rows = $('table tr.myclass');

var rowstyles = {
    height: "24px",
    background: "#444",
    fontStyle: "italic"
};

rows.css(rowstyles);

有没有更好的方法使用.eq（）在表中选择多行？

3 个答案: