动态更改 jquery 选择器中的样式

【问题标题】：Changing style inside jquery selector dynamically动态更改 jquery 选择器中的样式
【发布时间】：2015-12-14 05:32:12
【问题描述】：

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

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

如何只用粗体显示“fromdate”和“todate”？

【问题讨论】：

标签： javascript jquery jquery-ui javascript-events

【解决方案1】：

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

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

而centre 应该是center。

【讨论】：

【解决方案2】：

设置为html然后赋值filter为类，最后设置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" );

【讨论】：

【解决方案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>

【讨论】：