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 按下按钮或命令。

使用class selector获取具有特定类的元素。您可以使用each()遍历所有元素。将click事件绑定到按钮，您可以使用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);
    });
});

Answer 2

您可以使用.map()获取一系列ID

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

console.log(ids);
alert(ids)

Answer 3

使用每个jquery

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

Answer 4

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

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

Answer 6

您可以遍历输入，并使用具有已定义类的元素执行您想要的任务：

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

Answer 7

您可以对ids上的所有button click进行提醒，如下所示：

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

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

7 个答案: