Check if particular object loaded in DOM using jQuery/JavaScript?

Question

I don't want to know if an element contains a specific class, but just if it's loaded in DOM:

$(myObject).attr("class").length;

or

if($t.classList.length) {
     var classSUP = $t.attr("class");
   } else {
     var classSUP = $t.attr("id");
};

side note - your two var declarations will be hoisted and overwrite each other. you can't declare variables in a block in javascript. — jbabey
– jbabey, Commented Jul 9, 2012 at 15:31
@jbabey I'm sorry, what? All successive var prefixes after the first one are just ignored. — raina77ow
– raina77ow, Commented Jul 9, 2012 at 15:36
@jbabey Yes, the var declarations will be hoisted (one of them will result in creating the classUP variable, the other will be ignored, as @raina77ow noted). But the assignments are statements, not declarations and will not be hoisted. They will execute at that exact line of code where they are written. — Imp
– Imp, Commented Jul 10, 2012 at 11:15
@Imp yes thank you for clarifying. what i meant to say is that you should not write code that will be interpreted differently than you wrote it; it will lead to bugs in the future. you should declare variables outside of the condition and then just assign in the condition. — jbabey
– jbabey, Commented Jul 10, 2012 at 12:40

Imp · Accepted Answer · 2012-07-09 15:27:15Z

1

Or how about just

(myObject.className != '')

or, just to be sure about possible additional spaces

(myObject.className.replace(' ', '') != '')

This is no job for a framework ;)

answered Jul 9, 2012 at 15:27

Imp

8,6091 gold badge28 silver badges36 bronze badges

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

Comments

ayyp · Accepted Answer · 2012-07-09 15:33:41Z

1

The easiest way to check would be:

if($("element").attr("class")) {
   return true;
}

Example shown here: http://jsfiddle.net/Skooljester/XpUJA/

edited Jul 9, 2012 at 15:33

answered Jul 9, 2012 at 15:21

ayyp

6,5984 gold badges35 silver badges47 bronze badges

4 Comments

ayyp Over a year ago

@raina77ow I didn't know what OP wanted to do with it, so I just put return true; so that it could be replaced with whatever.

jmoerdyk Over a year ago

hasAttr() is not part of the standard jQuery API.

ayyp Over a year ago

@jmoerdyk You're right, not sure how I've used that before then. Changed it so that it's correct.

gaelboyenval Over a year ago

thank's but i'm sure i have try this without results, maybe a bug ?

jbabey · Accepted Answer · 2012-07-09 15:33:43Z

1

You don't need jQuery to do this:

if (element.className) {
    // element has a class
}

or, if you really want to use jQuery:

if ($('#elementID').attr('class')) {
    // element has a class
}

answered Jul 9, 2012 at 15:33

jbabey

46.8k12 gold badges73 silver badges94 bronze badges

Comments

jeff · Accepted Answer · 2012-07-09 16:04:58Z

1

Try this:

var containsClass = $t.attr("class") !== "" && $t.attr("class") !== undefined;

Here is as a function:

function containsClass($t)
{
     return $t.attr("class") !== "" && $t.attr("class") !== undefined;
}

edited Jul 9, 2012 at 16:04

answered Jul 9, 2012 at 15:21

jeff

8,3582 gold badges34 silver badges43 bronze badges

8 Comments

raina77ow Over a year ago

More precise, .attr('class') will return undefined for these poor classless elements.

raina77ow Over a year ago

... and for those that have their classes detached by removeAttr, too. But those suffering from removeClass will return an empty string in this case.

gaelboyenval Over a year ago

thank's a lot to everybody, it was very simple, i solve it by : if($t.attr('class') != undefined ){xxxxxxxx}

jeff Over a year ago

@gaelboyenval - As raina77ow said, elements who have their classes removed by removeClass will have a class attribute of an empty string, so it's safer to use my method because an empty string is not equal to undefined.

gaelboyenval Over a year ago

@jeff how to ask ? if(containsClass){} ? i don't know how to do

|

Ilia Ross · Accepted Answer · 2013-11-12 08:04:12Z

0

The easiest way to detect if particular object loaded in DOM is:

if ( $('.className').length ) {
     alert('.className is on DOM')
}

edited Nov 12, 2013 at 8:04

answered Nov 12, 2013 at 7:54

Ilia Ross

13.5k11 gold badges56 silver badges89 bronze badges

Collectives™ on Stack Overflow

Check if particular object loaded in DOM using jQuery/JavaScript?

5 Answers 5

Comments

4 Comments

Comments

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

4 Comments

Comments

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related