How to find particular class exists on a page using JQuery

Question

I want to write JQuery which will find whether Class="Mandatory" exists on the page and if any element is having this class then only perform certain action.

Thanks

Youngstown

Answer 1

Just check how many elements you hit, when you search for it with jQuery

if ($(".Mandatory").length > 0) {
    // Do stuff with $(".Mandatory")
    $(".Mandatory").each(function() {
        // "this" points to current item in looping through all elements with
        // class="Mandatory"
        $(this).doSomejQueryWithElement();
    }); 
}

EDIT If you wanna do that check for your submit button click, just do that check after the click:

$("input[type='submit']").click(function() {
    if ($(".Mandatory").length > 0) {
        // Do some code here
    }
});

Abdu

Thanks for your reply!!, this mandatory class is being added dynamically on the submit button click, now I don't want to call until any of my element is having is class on it. Please suggest – Youngstown

You want to check only after you know the answer? I guess you could keep a flag that gets toggled on by the submit button click. – Hornswoggle

Answer 2

If you want to only do the action once, you could use:

if ($('.Mandatory').length > 0) {
  //do your thing
}

Otherwise if you want to do it for each Mandatory element:

$('.Mandatory').each(function(){
  //do your thing
});

Bloodless

Answer 3

The best way to do this is search class within the body tag.

$('body').find('.Mandatory').length;

Chaoan

Answer 4

Basic jQuery (CSS) selector by class.

if($(".Mandatory").length)

Niacin

Answer 5

I'd go about it like so:

$('*').hasClass('mandatory') ? "what to do if true" : "what to do if false"

I find ternary conditions more useful as you can set variables more quickly

Thereby

Answer 6

using hasClass() you can find

Danforth

Answer 7

One way to find whether a class exists within the body tag.

 if ( $('.mandatory')[0] )

Assuntaassur