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 。

只需在代码后添加此行。

OR

将这些行添加到您的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

尝试以下代码，从自动完成函数调用返回后调用此方法：

$('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);
     };

Answer 5

你可以单独使用css

来做到这一点

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

Answer 6

你可以像其他人说的那样使用css。但是如何简单地用简单地创建粗体文本替换你的td标签呢？

示例：

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

demo

这是使用标题创建表格的基本标准。

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

6 个答案: