how to check element have class or not ? already use (hasClass method)?

Question

I have this HTML or mark up .

<fieldset class="ui-dform-fieldset">
    <input type="text" id="totalRetryCount" name="totalRetryCount" tabindex="1" onblur="validateElement('Configuration', 'testSuiteConfigurationform','totalRetryCount')" class="ui-dform-text">
    <legend class="ui-dform-legend">Total Retry Count</legend>
    <label for="totalRetryCount" class="error">Please enter a valid number.</label>
</fieldset>

I want to check whether label have error class or not.I did like that

when I debug my element value is "totalRetryCount" .But it is not showing alert.

element ="totalRetryCount"

if($("#"+element+" "+"label").hasClass('error')){
        alert('-sdafs-')
    }

Try debugging your code a little bit better. A possible error is not finding the element, log that to the console to see if you actually get it properly. — TJHeuvel, Jun 11 '14 at 14:09
As an aside, `("#"+element + " label")` would do it, no need to concatenate two static strings.... — user229044, Jun 11 '14 at 14:13

score 5 · Answer 1 · answered Jun 11 '14 at 14:12

Your selector is wrong. The totalRetryCount ID is on an input, which can have no children.

The targeted label is a sibling, so use the next-siblings-selector instead:

if ($("#" + element + " ~ label").hasClass("error")) {
    alert("found error");
}

Or this:

if ($("#" + element + " ~ label.error").length) {
    alert("found error");
}

score 1 · Answer 2 · answered Jun 11 '14 at 14:12

1

Your input tag is never closed, input is also self closing. Since you have an ID, just do:

$("#totalRetryCount").siblings("label").hasClass("error");

answered Jun 11 '14 at 14:12

tymeJV

103,943
14
161
157

score 1 · Answer 3 · answered Jun 11 '14 at 14:13

The string totalRetryCount is a value of for attribute, not an id of parent element.

var element ="totalRetryCount"
if($("label[for='"+element+"']").hasClass('error')){
    alert('-sdafs-')
}

(or)

$("#" + element).siblings("label[for='"+element+"']").hasClass("error");

score 0 · Answer 4 · answered Jun 11 '14 at 14:12

0

Your id/class identifiers are off, you are checking for label as a child of an element with id totalRetryCount, but it is not a child of that element.

This works

HTML:

<fieldset class="ui-dform-fieldset">
    <input type="text" id="totalRetryCount" name="totalRetryCount" tabindex="1" onblur="validateElement('Configuration', 'testSuiteConfigurationform','totalRetryCount')" class="ui-dform-text">    
   <legend class="ui-dform-legend">Total Retry Count</legend>
   <label for="totalRetryCount" class="error">Please enter a valid number.</label>
</fieldset>

jQuery:

if($(".ui-dform-fieldset label").hasClass('error')){
        alert('-sdafs-')
    }

JSFiddle Demo

answered Jun 11 '14 at 14:12

Dan

9,391
5
41
73

1

Personally I'm fond of `$('#' + element + ' label.error').size()`. Fewer trips through the DOM and doesn't involve another check of a property. – Brad Christie Jun 11 '14 at 14:14
@BradChristie this will not works, see answer http://stackoverflow.com/a/24165166/133408 – Jun 11 '14 at 14:15
@PeterM: Just accidentally omitted `~` in comment. Should be `$('#' + element + ' ~label.error').size()` Could also be `$('label[for="' + element + '"].error').size()` to be more concise. – Brad Christie Jun 11 '14 at 14:21

score 0 · Answer 5 · edited May 23 '17 at 11:49

0

Your selector is incorrect. See here for a question that explains the label selector. jQuery selector for the label of a checkbox

It should look more like this.

if ( $("label[for='" + element + "']").hasClass( 'error' ) )
{
    alert( 'Heres my alert!' );
}

edited May 23 '17 at 11:49

Community

1
1

answered Jun 11 '14 at 14:18

PugsOverDrugs

515
1
4
14

score 0 · Answer 6 · edited Jun 11 '14 at 14:49

0

if($("#totalRetryCount").siblings('label').hasClass('error')){
    alert('-sdafs-'); }

js fiddle

edited Jun 11 '14 at 14:49

Bob Gilmore

12,608
13
46
53

answered Jun 11 '14 at 14:26

rrapuya

298
2
10

score 0 · Answer 7 · answered Jun 11 '14 at 14:40

0

$("label[for=totalRetryCount]").hasClass('error')){
   alert('-sdafs-')
}

Actually if you don't have non alphanumeric characters in your id then you don't need to surround with ' ' single quote.

answered Jun 11 '14 at 14:40

Md Nazmoon Noor

3,187
1
24
30

how to check element have class or not ? already use (hasClass method)?

7 Answers7