javascript - 如何在javascript中动态获取元素ID

Question

我有一个包含一组 div 的主 div。 when divs inside are selected, I need to get their id in a dynamically way. 我尝试了几个选项，但我得到的不是数字或未定义。

//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);                      
                });}});

Answer 1

each() 中 this 的值将解析为您感兴趣的元素，试试这个:

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