Question

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

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

如何仅显示＆＃34; fromdate＆＃34;并且＆＃34; todate＆＃34;用粗体字体？

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分配为类，最后将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选择器内的样式

3 个答案: