How to select elements that have a valid id?

Question

How to select elements that have a valid id?

Navigation

#1 by (3 votes)
#2 by (2 votes)

2

How do I select elements that have a defined id? For example, within the section below I have the following:

<section>
    <div class="div"></div>
    <div id=""></div>
    <div id="div2"></div>
    <div></div>
    <div id="div3"></div>
</section>

In the case above, I need to get just the 3rd and 5th div that has a valid id and not empty. How can I get this in jQuery?

jquery

asked by anonymous 02.05.2017 / 16:58

2 answers

2

You can do it this way:

var el = $('[id]:not([id=""])');

console.log(el.get());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><section><divclass="div"></div>
    <div id=""></div>
    <div id="div2"></div>
    <div></div>
    <div id="div3"></div>
</section>

02.05.2017 / 17:11

Problem with the randint function How to ensure that the instantiation of a class is done only through the "using"?

score 3 · Accepted Answer

You can use the following selector: [id][id!='']

var elems = $("[id][id!='']");
console.log(elems);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><section><divclass="div"></div>
    <div id=""></div>
    <div id="div2"></div>
    <div></div>
    <div id="div3"></div>
</section>