2013-12-17 100 views
1

我怎樣才能得到一個包含某一類值的輸入框的ID輸入框中的所有ID獲取包含類

例如:

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

我想提醒所有的按下按鈕或命令後,包含類的ID失敗。

回答

4

我想警告所有包含該類的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); 
    }); 
}); 
+2

我們贏了!你可以在5分鐘後申請你的價格 – telexper

5

您可以使用.map()獲得一組ID

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

console.log(ids); 
alert(ids) 
1
$.each($('.failed'), function() {alert ($(this).attr('id')); }); 
2

使用的每個jQuery的

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

你可以通過輸入迭代並做你想做什麼都與具有定義的類元素:

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

你可以在button click上提醒所有ids這樣的:

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