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

Posted 2023-03-06

【中文标题】如何给第一行数据加粗字体？

【英文标题】：How to give font bold to first row data?

【发布时间】：2014-07-08 06:26:11

【问题描述】：

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

我的代码：

   .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);
     ;

【问题讨论】：

你为什么不用css？？？？？？

.append("<a><table><tr style="font-weight: bold;"> ???

我只想要第一行。它将使所有行数据变为粗体。@C-link

【参考方案1】：

JS：

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

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

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

或

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

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

【讨论】：

你能告诉我把这段代码放在哪里吗？对于 jquery 样式？@shaunakde

只需在附加 html 的函数之后添加这一行。

【参考方案2】：

试试，

CSS：

.bold  font-weight:bold; 

JS：

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

---

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

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

【讨论】：

感谢您的回复。您能否修改我的代码。Rajaprabhu Aravindasamy

@Sumanta 你期待这样的事情吗？ .append("<a><table><tr class='bold'>

我是 Jquery 新手。请告诉我在哪里放置此代码？" $('table tr:first').addClass('bold')".@Rajaprabhu Aravindasamy

@Sumanta 哦.. 很好.. 附加表格后，只需执行该代码.. 供您参考jsfiddle.net/VS47v

非常感谢您的帮助。但唯一的问题是我没有找到将代码“”$('table tr:first').addClass('bold')"" 我的功能是：jsfiddle.net/VS47v。在那里更新了我的代码。

【参考方案3】：

您可以为此使用 CSS：

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

【参考方案4】：

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

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

【参考方案5】：

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

例子：

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

demo

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

【参考方案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);
     ;

【讨论】：

感谢您的回复。但是我在哪里可以放置此代码。@bhushan kawadkar

你可以在自动完成返回后放这个，也可以直接把样式放在表格里。看我的回答。

这将使每一行数据都变为粗体。@Bhushan Kawadkar

但是您每次都在创建一个新表并将其附加到 ul，因此在这种情况下会创建多个表。你能告诉我 JSFiddle 知道你到底在做什么以及你到底想要什么吗？