JQuery каждый() возвращает только первое найденное значение

Question

Я пытаюсь получить идентификаторы из моих родительских дивы

<div id="btn1"><label class="btn"><input type="submit" value="Submit"/></label></div> 
<div id="btn2"><label class="btn"><input type="button" value="Add"/></label></div> 

JQuery функции:

$('.btn').each(function() { 
    alert($('.btn').parent().attr("id")); 
}); 

Функция возвращает значение «btn1» два раз. Он должен возвращать 'btn1', 'btn2'.

Заранее спасибо.

Answer 1

Вы снова используете селектор для .btn внутри своей петли. Измените его, чтобы обратиться к текущему элементу с помощью this

$('.btn').each(function() { 
    alert($(this).parent().attr("id")); 
}); 

Edit:

По jfriend00

действительно нет никакой причины использовать три функции JQuery вызывает здесь. jQuery следует использовать только тогда, когда он делает работу лучше.

И ссылка на некоторые из этих общих сценариев:. https://stackoverflow.com/a/4652402/803739