Check attribute of div Jquery [duplicate]

Question

I have some element that goes like this

<div class="section current" section="Email">

</div>

What i need is to check that section Email have class CURRENT, and do something like

if ($('.section').attr(section == Email).hasClass('current')){
 // Do something...
}

I know this is wrong syntax but i want just to simple show what i need?

The .attr() method is used for getting or setting an attribute, it's not used for finding an element that matches an attribute. Do you bother to read the documentation of functions before you use them, or do you just pray that they'll do what you want? — Barmar
– Barmar, Commented Jul 31, 2014 at 10:14
section="" is not valid html. Change it to data-section="" to make it valid and persist same behaviour. — Henri Hietala
– Henri Hietala, Commented Jul 31, 2014 at 10:15
In addition, even if it did perform searching, the argument (section == Email) wouldn't do what you want. That compares a variable named section with a variable named Email, and passes either true or false to the attr method. That's just basic Javascript syntax, nothing to do with jQuery or selectors. — Barmar
– Barmar, Commented Jul 31, 2014 at 10:18

Milind Anantwar · Accepted Answer · 2014-07-31 10:30:23Z

1

You need to use attribute-equals-selector:

if($('.section[section="Email"]').hasClass('current')){
  //do something
}

Demo

edited Jul 31, 2014 at 10:30

answered Jul 31, 2014 at 10:12

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

3 Comments

Henri Hietala Over a year ago

In case you will change it to data-section="Email", just modify the selector like this: $('.section[data-section="Email"]')

Milind Anantwar Over a year ago

@HenriHietala:section is not data attribute. so there is no need to use data.

Henri Hietala Over a year ago

as I commented in the question, section="" is not valid html but data-section="" is valid (html5). Of course there's no need to do valid html since it works like that also.

frikkievb · Accepted Answer · 2014-07-31 10:14:37Z

0

You can take a look at jQuery's attribute selector:

http://api.jquery.com/attribute-equals-selector/

I would guess you can solve your problem with this:

if($(".section[section='Email]" ).hasClass("current")){/**CODE**/}

Hope this helps!

answered Jul 31, 2014 at 10:14

frikkievb

4813 silver badges11 bronze badges

Comments

Ram · Accepted Answer · 2014-07-31 10:22:03Z

0

You could try like this also.

if ($('.section[section="Email"].current').length > 0) {

}

edited Jul 31, 2014 at 10:22

Ram

145k16 gold badges174 silver badges201 bronze badges

answered Jul 31, 2014 at 10:18

Sandeep Pal

2,1951 gold badge16 silver badges14 bronze badges

2 Comments

Barmar Over a year ago

That won't work. That tests a jQuery object, which is always truthy, even if it doesn't match anything. You need if($('.section[section="Email"].current').length > 0){

Sandeep Pal Over a year ago

Yes Barmar. thankyou. i just forgot to right it. Thanks anyway

Collectives™ on Stack Overflow

Check attribute of div Jquery [duplicate]

3 Answers 3

3 Comments

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

2 Comments

Linked

Related