时间戳

首页 > 解决方案 > 如何使用 jquery 将所选行中的标签加粗？

jquery - 如何使用 jquery 将所选行中的标签加粗？

问题描述

我正在为 Bootstrap 面板编写代码，我想为选定的行设置粗体标签。这是代码：

HTML：

<div id="costCentersList" class="col-md-6 no-padding-right-left">
<div class="panel panel-default no-MP">
<div class="panel-heading">Cost Centers <span class="floatRight"><a href="#" id="newCostCenter" onClick="newCostCenter();">Create New Cost Center</a></span></div>
<div class="panel-body">
<ul>
<li >
<input type="radio" name="costCenter" value="Marketing" id="btnRadioCC1">
<label >Marketing</label> <span class="floatRight">
<input type="button" value="Assign Employees" class="btn btn-primary btnAssignCC btn-rounded-4">
</span></li>
<li>
<input type="radio" name="costCenter" value="Developer" id="btnRadioCC2">
<label>Developer</label><span class="floatRight">
<input type="button" value="Assign Employees" class="btn btn-primary btnAssignCC btn-rounded-4">
</span></li>
</ul>

查询：

$('#costCentersList li').on('click',function(){
$('#costCentersList li').removeClass('highlight-row');
$(this).addClass('highlight-row');
var abc = $(this).find('label');
$('abc').attr('style','font-weight:bold');
})

标签： jquerycss

解决方案

确保该类highlight-row具有属性：font-weight:bold。

并将函数内容替换为：

$('#costCentersList li label').removeClass('highlight-row');
$(this).find('label').addClass('highlight-row');

推荐阅读