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

Question

我有一个主要的div，拥有一组div。 当选择里面的div时，我需要动态地获取他们的id。 我尝试了一些选项，但我得到的不是数字或不确定。

// 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

值this里面each()将解析为您有兴趣，请尝试以下元素：

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

Answer 2

这也行

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