How to use jquery variable in jQuery?

Question

I have a div in which there is criterion to apply different class. For example if in loop i is odd then .odd-product is applied to the div and if i is even then .even-product is applied to the div.

Here it is:

<div id="product"<?php if($i%2==0){?>class="even-product"<?php } else {?>class="odd-product"<?php } ?>>

Now I reference that div in the following way in jQuery:

    $divClass=$('#product').attr("class");

Now I want to hide a div whose class name is contained in $divClass variable. How to do that?

Jaime Torres · Accepted Answer · 2013-10-24 19:00:14Z

3

You would just use it like a string:

  $divClass=$('#product').attr("class");
  $("." + $divClass).hide();

answered Oct 24, 2013 at 19:00

Jaime Torres

10.5k1 gold badge50 silver badges56 bronze badges

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

4 Comments

Manwal Over a year ago

why $ is used here @J Torres rether then var.

Jaime Torres Over a year ago

OP named his variable "$divClass". I don't agree with it, I just went with it.

keeehlan Over a year ago

It's good practice to name jQuery object variables with the $ to indicate that those variables are, in fact, jQuery objects. The $ does not affect the behavior of the variable in any way.

Jaime Torres Over a year ago

Right, but $('#product').attr("class") isn't a jQuery object, it's a string.

Collectives™ on Stack Overflow

How to use jquery variable in jQuery?

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related