使用jquery设置标签属性

我有以下4个标签：

<label id = "t1">Tag 1 </label>
<label id = "t2">Tag 2 </label>
<label id = "t3">Tag 3 </label>
<label id = "t4">Tag 4 </label>

标签1
标签2
标签3
标签4

我想一次将一个标记设置为粗体。假设如果我想将“标记1”设置为粗体，则剩余应为普通字体；如果我将“标记2”设置为粗体，则剩余应设置为普通字体

jquery的代码应该是什么？

就这样做吧

大胆的

$('#t1').css({ 'font-weight': 'bold' });

删去粗体字

$('#t1').css({ 'font-weight': ''});

对于每一个你需要这样做

function applyboldtolable(id)
{
$('label').each(function()
{
  $(this).css({ 'font-weight': ''});
});
   $('#'+id).css({ 'font-weight': 'bold' });

}

注：您可以将每个替换为

$('label').css({ 'font-weight': ''});

---

您可以创建一个类：

.bold {
   font-weight: bold;
}

$('label').click(function() {
   $(this).addClass('bold').siblings('label').removeClass('bold');
})

W3C：HTML与CSS的分离使得维护站点、跨页面共享样式表以及根据不同环境定制页面变得更加容易。这被称为结构（或：内容）与表示的分离

---

@Raminson's的一个变体

您可以使用一个类：

.bold {
   font-weight: bold;
}

$('label').click(function() {
   $(this).addClass('bold').siblings('label').removeClass('bold');
})

---

如果要更改标签上的字体大小，请单击下面的“使用代码”

<label class="tlabel" id = "t1">Tag 1 </label>
<label class="tlabel" id = "t2">Tag 2 </label>
<label class="tlabel" id = "t3">Tag 3 </label>
<label class="tlabel" id = "t4">Tag 4 </label>

.bold {
   font-weight: bold;
}

$('.tlabel').click(function() {
   $('.tlabel').removeClass('bold')
   $(this).addClass('bold')
});

标签1
标签2
标签3
标签4
.bold{
字体大小：粗体；
}
$（'.tlabel'）。单击（函数（）{
$（'.tlabel'）.removeClass（'bold'））
$（this.addClass（'bold'））
});

它只会将一个标记设置为粗体，但剩余标记（如果有人已经粗体，将保持粗体）@fawad-检查我的函数applyboldtolable，您可以将它用于您的每个标签控件need@AnkitGautam-是的，没有必要这样做，但如果您想在该函数中对每个标签执行某些操作…这就是其他任何操作，如果您不需要它，您可以删除它。@PranayRana，如果他不想编辑css文件，则是非常有用，但是，如果可以的话，与使用jQuery注入样式相比，这应该是一个整洁的解决方案，这也是个人的偏好。一些性能增益也可能。

.bold {
   font-weight: bold;
}

$('label').click(function() {
   $(this).addClass('bold').siblings('label').removeClass('bold');
})

<label class="tlabel" id = "t1">Tag 1 </label>
<label class="tlabel" id = "t2">Tag 2 </label>
<label class="tlabel" id = "t3">Tag 3 </label>
<label class="tlabel" id = "t4">Tag 4 </label>

.bold {
   font-weight: bold;
}

$('.tlabel').click(function() {
   $('.tlabel').removeClass('bold')
   $(this).addClass('bold')
});