Question

I have 4 labels as below:

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

I want to set one Tag as bold at one time. Lets say if i want to set “Tag 1” as bold then remaining should be normal font and if I set “Tag 2” as bold then remaining should be set to normal font.

What should be the code for jquery ?

Answer 1

You can create a class:

W3C: The separation of HTML from CSS makes it easier to maintain sites, share style sheets across pages, and tailor pages to different environments. This is referred to as the separation of structure (or: content) from presentation.

.bold {
   font-weight: bold;
}

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