2

私は以下のように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つのタグを太字に設定したい。「タグ1」を太字に設定したい場合は、残りを通常のフォントにし、「タグ2」を太字に設定した場合は、残りを通常のフォントに設定するとします。

jqueryのコードはどうあるべきですか？

4

5 に答える 5

4

クラスを作成できます。

W3C: HTML を CSS から分離することで、サイトの保守、ページ間でのスタイル シートの共有、さまざまな環境へのページの調整が容易になります。これは、プレゼンテーションからの構造 (またはコンテンツ) の分離と呼ばれます。

.bold {
   font-weight: bold;
}


$('label').click(function() {
   $('label').removeClass('bold')
   $(this).addClass('bold')
})
于 2012-07-19T06:33:57.200 に答える
2

@Raminson のバリエーション

クラスを使用できます：

.bold {
   font-weight: bold;
}

$('label').click(function() {
   $(this).addClass('bold').siblings('label').removeClass('bold');
})
于 2012-07-19T06:37:34.140 に答える
0

ラベルのフォントの太さを変更したい場合は、以下のコードを使用してください

<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')
});
于 2012-07-19T06:40:03.473 に答える
0

このようにしてください

太字用

$('#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': ''});
于 2012-07-19T06:33:46.237 に答える
0 
function setBoldLabel(labelID){
    $('label').each( function () {
                 if($(this).id()==labelID)
                 $(this).css({ 'font-weight': 'bold' });
                 else
                 $(this).css({ 'font-weight': 'normal' }); 
    } );
}
于 2012-07-19T06:36:32.690 に答える