使用jQuery,如何使html表格行中的所有单元格变为粗体?

时间:2013-11-14 03:02:27

标签: jquery html

使用jQuery使表格行粗体的最佳方法是什么?我是否必须遍历每个td?如果有更好的方法将表格行一次设置为粗体? tr有一个与之关联的类(能够引用)。

2 个答案:

答案 0 :(得分:1)

当您单击表格行时,这将加粗字体

$('tr').click(function(e){ 
    $(this).css("font-weight","bold");
        e.stopPropagation(); 
});

这是一个演示http://jsfiddle.net/Ctz3X/

希望有所帮助,

答案 1 :(得分:1)

你可以这样做:

<table>
    <tr>
        <td>one</td>
        <td>two</td>
    </tr>
    <tr>
        <td>three</td>
        <td>four</td>
    </tr>
</table>

.boldme {
    font-weight: bold;
}

$("tr").click(function() {
    $(this).toggleClass("boldme");
});

这是jsFiddle