获取包含类的输入框的所有ID

Question

如何获取包含特定类值的输入框的ID

例如:

<input id="first" class="failed" />
<input id="last" class="failed" />
<input id="city" class="failed" />
<input id="state" class="failed" />

我想在按下按钮或命令后提醒包含类失败的所有ID.

Answer 1

我想在按下按钮或命令后提醒包含类失败的所有ID.

使用类选择器来获取具有特定类的元素.您可以使用each()遍历所有元素.将click事件绑定到按钮,您可以使用id选择器中的按钮id来绑定事件.

现场演示

HTML

<input id="first" class="failed" />
<input id="last" class="failed" />
<input id="city" class="failed" />
<input id="state" class="failed" />
<input type="button" id="btn" value="click" />

使用Javascript

$('#btn').click(function () {
    $('.failed').each(function () {
        alert(this.id);
    });
});

Answer 2

您可以使用.map()来获取一组id

var ids = $('.failed').map(function(){
    return this.id
}).get();

console.log(ids);
alert(ids)