Question

<div id='divID'>

<ul id="gallery">

    <li id='123'>
    <h5>Stephen</h5>
    </li>

    <li id='444'>
    <h5>Daniel</h5>
    </li>

</ul>

<button id='savebutton' type="button">Save</button>

</div>

所以当我按下按钮时，我想找到ids'123'和'444'。

我尝试了以下内容，但它只给了我div的id，而不是div中的元素（所以它只返回'divID'）：

$( "#savebutton" ).click(function() {
  $('#divID').each(
  function(){
     var currentId = $(this).attr('id');
        alert(currentId);
});
});

Answer 1

由于这些是li元素在ul下的gallery元素，因此将其用作选择器。 #gallery（id-selector）用于选择ul和descendant selector（li）以选择其中的li

$("#savebutton").click(function () {
    $('#gallery li').each(function () {
        var currentId = this.id;
        alert(currentId);
    });
});

演示：Fiddle

Answer 2

使用$('#divID li')获取所有子列表项

如何循环div中的元素并获取所有ID？

2 个答案: