jQuery Determine if a matched class has a given id

Question

What is jQuery has id equivalent of the following statement       mydiv   hasClass  foo     so you could give a class name and check that it contains a supplied id   something like       mydiv   hasId  foo

User · Answer

Check if element s ID is exist   x000D   x000D  if      id   attr  id       id   x000D    x000D      OK x000D    x000D   x000D   x000D

User · Answer

You can bake that logic into the selector by combining multiple selectors  For instance  we could target all elements with a given id  that also have a particular class       foo bar       Matches  lt div id  foo  class  bar  gt    This should look similar to something you d write in CSS  Note that it won t apply to all  foo elements  though there should only be one   and it won t apply to all  bar elements  though there may be many   It will only reference elements that qualify on both attributes   jQuery also has a great  is method that lets your determine whether an element has certain qualities  You can test a jQuery collection against a string selector  an HTML Element  or another jQuery object  In this case  we ll just check it against a string selector       bar first   is   foo       TRUE if first   bar  in document is also   foo

User · Answer

You could also check if the id element is used by doing so   if typeof    div  attr  id      undefined        element has no id   else        element has id selector     I use this method for global dataTables and specific ordered dataTables

User · Answer

update  sorry misunderstood the question  removed  has   answer    another alternative way  create  hasId   plugin   x000D   x000D     the plugin x000D    fn hasId   function id    x000D    return this attr  id      id  x000D     x000D   x000D     select first class x000D      mydiv   hasId  foo     x000D    console log  yes     console log  no    x000D   x000D     select second class x000D         mydiv   eq 1  hasId  foo   x000D     or x000D      mydiv eq 1    hasId  foo     x000D    console log  yes     console log  no    x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   lt div class  mydiv  id  foo  gt  lt  div gt  x000D   lt div class  mydiv  gt  lt  div gt  x000D   x000D   x000D

User · Answer

theMysteryId     someClass   each function        do stuff

User · Answer

Just to say I eventually solved this using index     NOTHING else seemed to work   So for sibling elements this is a good work around if you are first selecting by a common class and then want to modify something differently for each specific one   EDIT  for those who don t know  like me  index   gives an index value for each element that matches the selector  counting from 0  depending on their order in the DOM  As long as you know how many elements there are with class  foo  you don t need an id   Obviously this won t always help  but someone might find it useful

User · Answer

I would probably use     mydiv   is   foo    That said if you know the Id why wouldnt you just apply it to the selector in the first place

User · Answer

Let s say that you re iterating through some DOM objects and you wanna find and catch an element with a certain ID   lt div id  myDiv  gt       lt div id  fo  gt  lt div gt       lt div id  bar  gt  lt div gt   lt  div gt    You can either write something like to find      myDiv   find   bar     Note that if you were to use a class selector  the find method will return all the matching elements   or you could write an iterating function that will do more advanced work   lt div id  myDiv  gt       lt div id  fo  gt  lt div gt       lt div id  bar  gt  lt div gt       lt div id  fo1  gt  lt div gt       lt div id  bar1  gt  lt div gt       lt div id  fo2  gt  lt div gt       lt div id  bar2  gt  lt div gt   lt  div gt       myDiv div   each function        if   this  attr  id       bar1            do something with bar1       Same code could be easily modified for class selector      lt div id  myDiv  gt       lt div class  fo  gt  lt div gt       lt div class  bar  gt  lt div gt       lt div class  fo  gt  lt div gt       lt div class  bar  gt  lt div gt       lt div class  fo  gt  lt div gt       lt div class  bar  gt  lt div gt   lt  div gt       myDiv div   each function        if   this  hasClass  bar             do something with bar       I m glad you solved your problem with index    what ever works for you I hope this will help others with the same problem  Cheers

[jquery] jQuery Determine if a matched class has a given id

Examples related to jquery