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

【问题标题】：Get all ID of input box that contains a class获取包含类的输入框的所有ID
【发布时间】：2014-01-04 18:44:43
【问题描述】：

如何获取包含某个类值的输入框的ID

例如：

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

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

【问题讨论】：

标签： jquery html class alert attr

【解决方案1】：

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

使用class selector 获取具有特定类的元素。您可以使用each() 遍历所有元素。给按钮绑定点击事件，可以使用id选择器中的按钮id来绑定事件。

Live Demo

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);
    });
});

【讨论】：

我们赢了！您可以在 5 分钟后索取价格

【解决方案2】：

你可以使用.map()来获取一个id数组

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

console.log(ids);
alert(ids)

【讨论】：

【解决方案3】：

$.each($('.failed'), function () {alert ($(this).attr('id')); });

【讨论】：

【解决方案4】：

使用每个 jquery

$('.failed').each(function(e){
        var id=$(this).attr('id');//find each id 
});

【讨论】：

【解决方案5】：

var ids = []; //create an array
$('.failed').each(function(e)){   //iterate each class
    ids.push($(this).prop('id')); //push their id to array
});
alert(ids);

【讨论】：

【解决方案6】：

您可以遍历输入并使用具有已定义类的元素做任何您想做的事情：

$("input.failed").each(function() {
  console.log($(this).attr('id'));
});

【讨论】：

【解决方案7】：

您可以像这样在button click 上提醒所有ids：

$("#btnid").click(function(){    //click on button
    $('.failed').each( function () {
       alert ($(this).attr('id')); //alert id one by one
  });
});

【讨论】：