动态更改 jQuery 选择器内的样式

Question

我有一个 div，我正在尝试用粗体显示文本，如下所示：

$('#div').text("data between "+ fromdate + "to" + todate).css({'text-align':'centre'});

如何仅以粗体显示 "fromdate" 和 "todate"？

Answer 1

使用 .html()，并将文本包裹在 <b>（如果是演示文稿）或 <strong> 标签中：

$('#div')
    .html("data between <b>" + fromdate + "</b> to <b>" + todate + "</b>")
    .css("text-align", "center");

而centre应该是center。

Answer 2

设置为html然后赋值，filter设置为class，最后设置css为过滤后的结果

$('#div').html("data between <span class='bold'>"+ fromdate + "</span>to<span class='bold'>" + todate + "</span>").css({'text-align':'center'}).filter( ".bold" ).css( "font-weight", "bold" );

Answer 3

你应该试试这个。

$('#div').html("data between "+ "YourText1" + "to" + "YourText2").css('text-align','center');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div id="div"></div>

动态更改 jQuery 选择器内的样式

Changing style inside jQuery selector dynamically

javascript

jquery

jquery-ui

jquery-events