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

How to get element ID dynamically in javascript

本文关键字：获取 元素 ID 动态 javascript      更新时间：2023-09-26

我有一个主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);                      
                });}});

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

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

这也可以

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