如何在jQuery中为特定tr的所有tds添加CSS?

时间:2013-01-31 11:22:41

标签: javascript jquery css

我想将css {padding : 0px 8px 0px 2px}添加到特定tr的所有td中。 tr是这样的:$('#' + rowid)

4 个答案:

答案 0 :(得分:4)

$('#' + rowid).find("td").css("padding", "0px 8px 0px 2px");

  • $('#' + rowid)获取tr元素。
  • .find("td")获取嵌套在td元素中的所有tr元素。
  • .css("padding", "0px 8px 0px 2px")将相关的样式应用于td元素。

答案 1 :(得分:1)

试试这个:

$('td', '#' + rowid).css('padding', '0px 8px 0px 2px');

或者更好的是,将padding放在样式表的一个类中并使用addClass,因为它可以更好地分离关注点。

答案 2 :(得分:1)

试试这个......

$('.' + rowclass).find("td").css("padding", "0px 8px 0px 2px");

您不能将同一id用于多个代码,因此您必须使用class,因为代码可以具有相同的类但不具有相同的ID

答案 3 :(得分:1)

尝试如下......它会起作用

var ele = '#' + rowid;
$(ele + " td").css('padding', '10px 8px 0px 2px');