如何给第一行数据加粗字体？

Question

我有一个带有自动完成功能的文本框，它以表格格式填充数据。我希望第一行数据加粗。

我的代码：

   .data("autocomplete")._renderItem = function (ul, item) {
          return $("<li></li>").data("item.autocomplete", item).append("<a><table><tr><td width='200px'>" + item.label + "</td>" + "<td width='110px'>" + item.val.split('~')[6] + "</td>" + "<td>" + item.val.split('~')[4] + "</td></tr></table></a>").appendTo(ul);
     };

Answer 1

JS：

$('table tr:first').css('font-weight','bold');

jQuery 选择器找到表的第一个 tr :- tr:first。

只需在您的代码后添加这一行。

或

将这些行添加到您的 css/style 标记中。

table tr:first-child {
    font-weight:bold;
}

Answer 2

试试，

CSS：

.bold { font-weight:bold; }

JS：

$('table tr:first').addClass('bold')

---

或者你可以使用纯 css 来做到这一点，

table tr:first-child{ font-weight:bold; }

Answer 3

您可以为此使用 CSS：

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

Answer 4

你可以单独使用 css 来做到这一点

table tr:first-child {
    font-weight:bold;
}

Answer 5

您可以像其他人所说的那样使用 css。但是如何简单地用 th 替换您的 td 标记，从而创建粗体文本？

例子：

<table>
    <tr>
        <th>one</th>
        <th>two</th>
    </tr>
    <tr>
        <td>one</td>
        <td>two</td>
    </tr>
</table>

demo

这是创建带有标题的表格的基本标准。

Answer 6

试试下面的代码，在自动完成函数调用返回后调用这个：

$('table tr:first').css('font-weight','bold');

或者您可以像这样直接将样式放在表格中：

.data("autocomplete")._renderItem = function (ul, item) {
          return $("<li></li>").data("item.autocomplete", item)
                .append("<a><table><tr style='font-weight:bold'><td width='200px'>" +
                         item.label + "</td>" + "<td width='110px'>" 
                         + item.val.split('~')[6] + "</td>" + "<td>" 
                         + item.val.split('~')[4] + "</td></tr></table></a>")
              .appendTo(ul);
     };