获取Jquery的表列

时间:2014-07-14 14:31:14

标签: javascript jquery html markup

我需要在这个html表的第二列中加上“粗体”:
http://jsfiddle.net/beKC4/4/

如何使用JQuery?
我试过这个但是没有用:

$("h3.ms-standardheader").children("td").text("<b>"+this.text()+"</b>")

4 个答案:

答案 0 :(得分:4)

你也可以使用css

http://jsfiddle.net/beKC4/6/

table tr td:nth-child(3){
    font-weight:bold;
}

答案 1 :(得分:2)

使用.html()代替

$(".ms-standardheader").closest('tr').find("td").html(function () {
    return "<b>" + $(this).text() + "</b>"
});

此外,选择器不正确,您需要使用最近的,然后找到<td>

DEMO

或者,如果您不希望ms-standardheader也获得<b>,您可以使用兄弟姐妹()

$(".ms-standardheader").closest('td').siblings("td").html(function () {
    return "<b>" + $(this).text() + "</b>"
});

DEMO

答案 2 :(得分:0)

你可以用它。创建一个css类,并使用:nth-child()使用js添加此类。想想更简单。

<强> CSS

.bold{
    font-weight: bold;
}

<强> JS

$('table td:nth-child(3)').addClass('bold');

fiddle

答案 3 :(得分:0)

http://jsfiddle.net/b4AwC/

我会使用第n个子选择器,如果你想要每个其他的粗体,你可以放入偶数或奇数 我希望这有帮助

$("tr td:nth-child(2)").css({"color":"red"});
$("tr td:nth-child(even)").css({"background":"grey"});