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>

我想一次将一个标记设置为粗体。让我们说如果我想将“Tag 1”设置为粗体，则剩余应该是普通字体，如果我将“Tag 2”设置为粗体，则应将剩余设置为普通字体。

jquery的代码应该是什么？

Answer 1

您可以创建一个类：

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

.bold {
   font-weight: bold;
}

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

Answer 2

@Raminson's的变种

你可以使用一个类：

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

}

请注意，您可以将

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

使用jquery设置标签属性

5 个答案: