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

【问题标题】：How to get element ID dynamically in javascript如何在javascript中动态获取元素ID
【发布时间】：2014-07-29 04:12:55
【问题描述】：

我有一个包含一组 div 的主要 div。选择Dive内部时，我需要以动态方式获取其ID。我尝试了几个选项，但我得到了 Not a number 或 Undifined。

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

【问题讨论】：

你想做什么？您在#select-result div 中附加id。您要附加所有 id 还是所有元素？
所有的id，我已经得到了所有的元素。

标签： javascript jquery html asp.net jquery-ui

【解决方案1】：

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

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

【讨论】：

你也可以使用this.id
我在巡航控制 - 你是对的，这是检索id的最快方法

【解决方案2】：

这也行

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

【讨论】：