如何使用JavaScript动态获取元素ID

Question

我有一个主要的div，它包含一组div。当内部的div被选中时，我需要以动态方式获取它们的id。 我尝试了几个选项，但是我得到了NaN或未定义。

//HTML

<div class="ui-selectable" id="Sunday" style="width: 100px; float: left;">
 Sunday
   <div class="ui-selectee" id="100" >1 </div>
   <div class="ui-selectee" id="200" > 2 </div>
   <div class="ui-selectee" id="300" > 3 </div>
   <div class="ui-selectee" id="400" > 4 </div>
    <div class="ui-selectee" id="500"> 5 </div>    
</div>

//jquery

 $("#Sunday").selectable({
            stop: function () {
                  var result = $("#select-result").empty();              
                $(".ui-selected", this).each(function () {
            ***      var index = $("#Sunday DIV").children("Div").prop('id'); - option 1
            ***     var index = $("#Sunday DIV").children("Div").id; -  option 2
            ***     var index = $("#Sunday DIV").children("Div").attr("id") -  option 3
                       result.append(index);                      
                });}});

- Damkulul

---

你想做什么？你正在将 id 添加到 #select-result div 中。你想要添加所有的 ids 还是所有的元素？ - vdua

所有的ID，我已经获取了所有的元素。 - Damkulul

Answer 1

each()函数内部的this值将解析为您感兴趣的元素，试试这个：

$(".ui-selected", this).each(function () {
    var id = this.id;
}

- Mister Epic

---

你可以使用 this.id。 - vdua

我一直在巡航状态 - 你是正确的，这是检索id的最快方式。 - Mister Epic

Answer 2

这个也可以工作

$(".ui-selectee").each(function( index, element ) {
    // element == current element
    var id = $(element).attr("id");
});

- Md Nazmoon Noor