jquery - 使用 jquery 设置标签属性

Question

我有 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”设置为粗体，那么剩余的应该设置为普通字体。

jquery 的代码应该是什么？

Answer 1

您可以创建一个类：

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

.bold {
   font-weight: bold;
}

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

Answer 2

@Raminson 的变体

你可以使用一个类：

.bold {
   font-weight: bold;
}

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

Answer 3

就这样做

粗体

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

删除粗体

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

对于每个你需要这样做

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

}

请注意，您可以将 .each 替换为

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

Answer 4

function setBoldLabel(labelID){
    $('label').each( function () {
                 if($(this).id()==labelID)
                 $(this).css({ 'font-weight': 'bold' });
                 else
                 $(this).css({ 'font-weight': 'normal' }); 
    } );
}

Answer 5

如果要更改标签上的字体粗细，请单击以下代码

<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')
});