Jquery hide element based on given value

Question

I have a situation where I need to loop through some values and then hide a div that has an id.

To simply here is a piece of code:

 var value = 'div1';
  $('#div1).hide();

what I like to do is to do something like:

 value.hide();

Meaning, pass what the value is and then hide it dynamically on document.ready().

Selvakumar Arumugam · Accepted Answer · 2012-09-27 19:33:54Z

4

Try like below,

  var value = 'div1';
  $('#' + value).hide();

answered Sep 27, 2012 at 19:33

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nope · Accepted Answer · 2012-09-27 19:39:29Z

1

what I like to do is to do something like:

value.hide();

var value = $("#div1");
value.hide();

or

var value = 'div1';
$('[id="' + value + '"]').hide();

or what Vega said :)

edited Sep 27, 2012 at 19:39

answered Sep 27, 2012 at 19:34

Nope

22.4k8 gold badges50 silver badges73 bronze badges

Comments

user1289347 · Accepted Answer · 2012-09-27 19:34:41Z

0

You can use the variable like a string http://jsfiddle.net/

var value = 'div1';
$('#' + value).fadeOut(1000);

answered Sep 27, 2012 at 19:34

user1289347

2,4071 gold badge14 silver badges16 bronze badges

Comments

Sean3z · Accepted Answer · 2012-09-27 19:36:47Z

0

You could use something like the following:

var value = 'div#div1';
$(value).hide();

answered Sep 27, 2012 at 19:36

Sean3z

3,7456 gold badges28 silver badges33 bronze badges

Collectives™ on Stack Overflow

Jquery hide element based on given value

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related