jQuery if Element has an ID?

Question

How would I select elements that have any ID? For example:

if ($(".parent a").hasId()) {
    /* then do something here */
}

I, by no means, am a master at jQuery.

Use `.is('[id]');` to check if a specific element has an `id` attribute at all. Or if you need to filter a collection of elements, use `.filter('[id]')` and then compare the `.length` property — Ian, Jun 24 '13 at 14:24
Why do you want to do this? What are you actually planning to do? — musefan, Jun 24 '13 at 14:25
possible duplicate of [jquery get only all html elements with ids](http://stackoverflow.com/questions/1163888/jquery-get-only-all-html-elements-with-ids) — MrCode, Jun 24 '13 at 14:25
jQuery documentation: [Has Attribute Selector \[name\]](http://api.jquery.com/has-attribute-selector/). — Felix Kling, Jun 24 '13 at 14:25
Do you want to "select elements" to do something with/to them, or test if any such elements exist? — nnnnnn, Jun 24 '13 at 14:29
I just want to do be able to fire off a script if there are elements within the parent class that have the id attribute in the element. — Aaron Brewer, Jun 24 '13 at 14:33
Thank you all for the help, suggestions, and improvements! :) — Aaron Brewer, Jun 24 '13 at 14:43

A. Wolff · Accepted Answer · 2013-06-24T14:41:11.917

63

Like this:

var $aWithId = $('.parent a[id]');

Following OP's comment, test it like this:

if($aWithId.length) //or without using variable: if ($('.parent a[id]').length)

Will return all anchor tags inside elements with class parent which have an attribute ID specified

edited Jun 24 '13 at 14:41

answered Jun 24 '13 at 14:23

A. Wolff

74,033
9
94
155

4

You mean `if ($('.parent a[id]').length)` ? – Pierre de LESPINAY Jun 24 '13 at 14:27

score 50 · Answer 2 · edited Jun 20 '20 at 09:12

50

You can use jQuery's .is() function.

if ( $(".parent a").is("#idSelector") ) {
//Do stuff
}

It will return true if the parent anchor has #idSelector id.

edited Jun 20 '20 at 09:12

Community

1
1

answered May 26 '15 at 13:09

viren Kalkhudiya

762
6
8

3

No. That will tell you if an element has a *specific* id. The question is asking if it has any id. See the answer from two years ago that was accepted. – Quentin May 26 '15 at 13:17
3

This is a great answer however if you want to check if the element has a specific id! +1 – The Codesee Jul 02 '17 at 11:19

score 7 · Answer 3 · answered Jun 24 '13 at 14:23

7

You can do

document.getElementById(id) or 
$(id).length > 0

answered Jun 24 '13 at 14:23

Ani

4,473
4
26
31

3

No, the OP is trying to determine which elements have an id attribute defined with any value, not select by a specific, known id. – nnnnnn Jun 24 '13 at 14:31

score 6 · Answer 4 · edited May 23 '17 at 12:02

6

You can using the following code:

   if($(".parent a").attr('id')){

      //do something
   }


   $(".parent a").each(function(i,e){
       if($(e).attr('id')){
          //do something and check
          //if you want to break the each
          //return false;
       }
   });

The same question is you can find here: how to check if div has id or not?

edited May 23 '17 at 12:02

Community

1
1

answered Jun 24 '13 at 14:26

brian_wang

401
4
16

1

But the question says "elements" (plural), and `.attr()` will only get the id from the first element matching that selector. – nnnnnn Jun 24 '13 at 14:33

Pierre de LESPINAY · Answer 5 · 2013-06-24T14:38:17.097

5

Number of .parent a elements that have an id attribute:

$('.parent a[id]').length

edited Jun 24 '13 at 14:38

answered Jun 24 '13 at 14:23

Pierre de LESPINAY

44,700
57
210
307

1

But the question says "elements" (plural), and `.attr()` will only get the id from the first element matching that selector. – nnnnnn Jun 24 '13 at 14:30
You are right so it's more `$('.parent a[id]').length`. Answer updated – Pierre de LESPINAY Jun 24 '13 at 14:37

ArunValaven · Answer 6 · 2016-07-29T11:45:52.067

5

Simple way:

Fox example this is your html,

<div class='classname' id='your_id_name'>
</div>

Jquery code:

if($('.classname').prop('id')=='your_id_name')
{
    //works your_id_name exist (true part)
}
else
{ 
    //works your_id_name not exist (false part)
}

edited Jul 29 '16 at 11:45

answered Jul 29 '16 at 11:34

ArunValaven

1,753
2
25
44

score 4 · Answer 7 · edited Aug 27 '18 at 18:50

4

I seemed to have been able to solve it with:

if( $('your-selector-here').attr('id') === undefined){
    console.log( 'has no ID' )
}

edited Aug 27 '18 at 18:50

JSTL

808
1
14
25

answered Aug 27 '18 at 16:49

justMoritz

83
6

score 3 · Answer 8 · answered Jul 17 '15 at 08:50

3

Pure js approach:

var elem = document.getElementsByClassName('parent');
alert(elem[0].hasAttribute('id'));

JsFiddle Demo

answered Jul 17 '15 at 08:50

Wallstrider

856
1
7
22

score 1 · Answer 9 · answered Jun 24 '13 at 14:28

1

Simply use:

$(".parent a[id]");

answered Jun 24 '13 at 14:28

Broxzier

2,909
17
36

2

roasted already provided the exact same answer: http://stackoverflow.com/a/17277848/218196. – Felix Kling Jun 24 '13 at 14:35

score 1 · Answer 10 · edited Apr 12 '19 at 20:29

1

You can do this:

if ($(".parent a[Id]").length > 0) {

    /* then do something here */

}

edited Apr 12 '19 at 20:29

Pika Supports Ukraine

3,612
10
26
42

answered Apr 12 '19 at 20:28

Ian Dev

11
3

Welcome to Stack Overflow! This answer was already contributed multiple times. Please check other answers first. – snwflk Apr 12 '19 at 20:57

score 0 · Answer 11 · answered Aug 05 '16 at 16:44

You can use each() function to evalute all a tags and bind click to that specific element you clicked on. Then throw some logic with an if statement.

See fiddle here.

$('a').each(function() {
    $(this).click(function() {
        var el= $(this).attr('id');
        if (el === 'notme') {
            // do nothing or something else
        } else {
            $('p').toggle();
        }
    });
});

jQuery if Element has an ID?

11 Answers11

Linked