jQuery check if attr = value

Question

I seem to be having trouble with my code. I need to say:

if ( $('html').attr('lang').val() == 'fr-FR' ) {
    // do this
} else {
    // do that
}

When I check the console, I just get an error telling me this isn't a function. Help would be appreciated.

Thanks,

You should be using data() for this sort of thing.

asawyer
– asawyer

2012-06-26 15:55:35 +00:00
Commented Jun 26, 2012 at 15:55 — asawyer
– asawyer, Commented Jun 26, 2012 at 15:55
No. Html does have a attribute called lang.

Rich Bradshaw
– Rich Bradshaw

2012-06-26 15:58:02 +00:00
Commented Jun 26, 2012 at 15:58 — Rich Bradshaw
– Rich Bradshaw, Commented Jun 26, 2012 at 15:58

Miguel Ribeiro · Accepted Answer · 2012-06-26 15:54:30Z

112

Just remove the .val(). Like:

if ( $('html').attr('lang') == 'fr-FR' ) {
    // do this
} else {
    // do that
}

answered Jun 26, 2012 at 15:54

Miguel Ribeiro

8,20420 gold badges54 silver badges78 bronze badges

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

2 Comments

beefchimi Over a year ago

You answered to quickly dude, I have to wait 5 more minutes in order to accept it :)

Sumeet Pareek Over a year ago

You often want to check the class attribute for a value, but class attr can have multiple values separated by space, like this <div id="mydiv" class="one two three"></div> so in that case you can use the function hasClass() to check for a value like so $( "#mydiv" ).hasClass( "two" )

zzzzBov · Accepted Answer · 2012-06-26 16:10:37Z

14

jQuery's attr method returns the value of the attribute:

The .attr() method gets the attribute value for only the first element in the matched set. To get the value for each element individually, use a looping construct such as jQuery's .each() or .map() method.

All you need is:

$('html').attr('lang') == 'fr-FR'

However, you might want to do a case-insensitive match:

$('html').attr('lang').toLowerCase() === 'fr-fr'

jQuery's val method returns the value of a form element.

The .val() method is primarily used to get the values of form elements such as input, select and textarea. In the case of <select multiple="multiple"> elements, the .val() method returns an array containing each selected option; if no option is selected, it returns null.

edited Jun 26, 2012 at 16:10

answered Jun 26, 2012 at 15:56

zzzzBov

180k57 gold badges328 silver badges375 bronze badges

1 Comment

beefchimi Over a year ago

Very thorough, great response. Thanks.

Collectives™ on Stack Overflow

jQuery check if attr = value

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related