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> 

// each() 내부 this의 값은 관심있는 요소에 해결할 수

$("#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

JQuery와,이 시도 :

$(".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"); 
});