js - check if same class elements have id

Question

I have 2 input tags:

<input type="text" class="mainText" id="input">
<input type="text" class="mainText">

I need to set id to the input tag that don't have id, may be with jQuery like:

if(input tag has no id){
    $(".mainText").attr("id", "someInput");
}

How could I find this non id input?

duplicate of question http://stackoverflow.com/questions/17277821/jquery-if-element-has-an-id — Riju Mahna, Mar 24 '14 at 17:38

score 4 · Accepted Answer · answered Mar 24 '14 at 17:37

4

Use the magic of jQuery selectors:

$('.mainText:not([id])').prop('id', 'someInput');

It will select all elements with .mainText class that does :not have attribute [id].

answered Mar 24 '14 at 17:37

VisioN

Shouldnt it be `.mainText:not([id])`? – Karl-André Gagnon Mar 24 '14 at 17:40
1

@Karl-AndréGagnon True! `has` will work differently. I'm a bit tired already. – VisioN Mar 24 '14 at 17:41

score 0 · Answer 2 · answered Mar 24 '14 at 17:38

0

.has(your ID) will return false if no ID been found.

answered Mar 24 '14 at 17:38

nightire

2 Answers2