如何使用 javascript 将附加文本加粗？

Question

处理一个我想让附加文本显示为粗体的项目。 根据我的研究，它应该是.bold()，但这并没有使我的附加文本变粗，而是显示我的文本被“< b ></b >”包围。 我做错了什么？ 这是我的代码：

var breweryname=response.results[i].name;
    var breweryName = $("<p class='title'>").text(response.results[i].name.bold());
    breweryDiv.append(breweryName);

Answer 1

我建议不要使用.html()因为它可能有注入（你应该避免）。 .name只是一个文本name ，您希望它bold ，然后继续使用.text 。

将 css （粗体字体）应用于动态添加的元素(response.results[i].name) 。

您可以简单地使用 jQuery .css function 让您像正常的 ZC7A628aFA5CBA22E2A2EB614Z 一样设计您的元素。

运行下面的代码片段以查看它的工作原理。

 //Div to append to var breweryDiv = $('#breweryDiv') //Response var breName = 'Random Name' //response.results[i].name; //Text var breweryName = $("<p class='title'>").text(breName); //Apply Css $(breweryName).css({ 'font-weight': 'bold' }) //Append Results breweryDiv.append(breweryName);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="breweryDiv"> </div>

Answer 2

不要使用.text() ，而是使用.html() （确保您信任响应 - 您不想要任何注入！）您还可以让您的 CSS class title带有font-weight: bold如果您想分开行为和介绍。