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

Changing style inside jQuery selector dynamically

本文关键字：内部 样式 选择器 jQuery 动态      更新时间：2023-09-26

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

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

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

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

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

并且centre应该是center。

设置为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" );

您应该试试这个。

$('#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>

相关文章：