javascript - If element has class - Stack Overflow

admin管理员组

文章数量:1391995

I am trying to translate a field error by testing if a an element have the class sv or en (swedish or english)

I tried to access the class but won't affect the javascript oute.

input.oninvalid = function(event) {
  if ($("wgcurrent").hasClass("en")) { 
    event.target.setCustomValidity("Letters only please");  
  } else if ($("wgcurrent").hasClass("sv")) {
    event.target.setCustomValidity("Vänligen ange endast bokstäver");
  }  

}

<div class="wgcurrent wg-li wg-flags  flag-1 en" data-l="en" tabindex="0" aria-expanded="false" role="bobox" aria-label="Language selection: English"><a tabindex="-1" href="javascript:%20void(0);">English</a></div>

I want to make sure the input function sets the right value for the error message. What do I need to change?

I am trying to translate a field error by testing if a an element have the class sv or en (swedish or english)

I tried to access the class but won't affect the javascript oute.

input.oninvalid = function(event) {
  if ($("wgcurrent").hasClass("en")) { 
    event.target.setCustomValidity("Letters only please");  
  } else if ($("wgcurrent").hasClass("sv")) {
    event.target.setCustomValidity("Vänligen ange endast bokstäver");
  }  

}

<div class="wgcurrent wg-li wg-flags  flag-1 en" data-l="en" tabindex="0" aria-expanded="false" role="bobox" aria-label="Language selection: English"><a tabindex="-1" href="javascript:%20void(0);">English</a></div>

I want to make sure the input function sets the right value for the error message. What do I need to change?

• javascript
• jquery

Share Improve this question Follow edited Aug 13, 2019 at 17:30 Luvexina 8431111 silver badges2626 bronze badges asked Aug 13, 2019 at 17:28 9minday9minday 40344 gold badges1010 silver badges2222 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

As noted in the jquery docs: https://api.jquery./class-selector/

The selector for objects with a class is not

$("wgcurrent")

It's like this:

$(".wgcurrent")

The dot makes it so it selects any object with the wgcurrent class.

I believe that's the reason behind your issue, since the hasClass should work in this scenario.

However beware that this will select ALL the objects with the wgcurrent class.

Pure JavaScript look at classList

console.log(element.classList.contains('en'));//output true 

本文标签： javascriptIf element has classStack Overflow