Testing for html lang attribute with jQuery

Question

I'm using the following code to check for the lang attribute on the <html> element:

if( $("html:lang(en)") ){
  // Do something
}

I've noticed that this doesn't work consistently. For instance, when lang="fr", or when no language attribute is defined, the code still gets executed.

According to the jquery docs (https://api.jquery.com/lang-selector/), it should work. How come this isn't the case? And most importantly: How do I check which lang attribute is used in a consistent manner?

Pranav C Balan · Accepted Answer · 2016-12-01 19:33:29Z

4

The $("html:lang(en)") would be always a truthy value since it returns a jQuery object. Instead, you need to check length property of returned object to check the element existence.

if($("html:lang(en)").length){
  //          here --^^^^^^^^--
  // Do something
}

answered Dec 1, 2016 at 19:33

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

Comments

yceruto · Accepted Answer · 2016-12-01 21:25:05Z

1

You could also use [] selector and check the length property to know if it exists:

if ($("html[lang='en-us']").length) {
    //do something.
}

edited Dec 1, 2016 at 21:25

yceruto

9,6155 gold badges42 silver badges69 bronze badges

answered Dec 1, 2016 at 19:41

edson alves

2312 silver badges12 bronze badges

Collectives™ on Stack Overflow

Testing for html lang attribute with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related