hasClass doesn't work in my js code?

Question

I want to use hasClass in the following code, but that doesn\'t work for me, please see my demo in jsfiddle and tell me, what do I do wrong?

Answer 1

Solution

The class is on the child, an , so add it in the jQuery selector : $('span input').

if ($('span input').hasClass('IdRelation')) {
  alert('ok');
}​

Try the Demo.

A bit of explanation

Accorting to jQuery documentation, $('span input') is a descendant selector :

Selects all elements that are descendants of a given ancestor.

You could also use $('span > input'). It is a child selector :

Selects all direct child elements specified by "child" of elements specified by "parent".

Both are good in your situation, because the input is a direct child of the .

If your code was :

The solution will be $('div input') or $('div > form > input').