Detect label display, remove class hidden

Question

I want to detect if a label's display is none. If it is, then I'll remove the hidden class from the label.

How can this be done in jQuery? I'm new with js & jQuery.

Monochromat

What have u tried so far? – Kaspar

Did you google.co.in/search?q=jquery+check+if+element+is+hidden – Contumacious

$(function () { if($(label).css('display') === 'none'){ $('.disp-block').removeClass("hidden"); } }); I've tried this but I don't know if my syntax is correct – Monochromat

instead of $('.disp-block') use $(label) here – Kaspar

Answer 1

You can follow below code

if(!$("label").is(":visible"))
{
  // remove hidden class
  $("label").removeClass("hidden");
}

but if you have multiple labels in your code then try below

$("label").each(function(){
  if($(this).is(":visible"))
     $(this).removeClass("hidden");
});

Griddlecake

Answer 2

try below code :-

if($("#labelID").is(":visible"))
{
  // remove hidden class
  $("#labelID").removeClass("hidden");
}

Demo :-

http://jsfiddle.net/avmCX/45/

Middy

how will you get this instance here? – Griddlecake

Answer 3

Try this code:

if(!$("#your_label_id").is(":visible"))
   $("#remove_class").removeClass("class_name");

Vampire

Answer 4

try this:

if($("#lblid").css("display")==='none'){
    $("#lblid").removeClass("hidden");//or $("#lblid").css("display","block")
}

Kaspar

Answer 5

use this code:

if($('label').is(':visible'))
{
  // remove hidden class
 $('.disp-block').removeClass('hidden');
}

Mayotte