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

如何在javascript中动态获取元素ID,javascript,jquery,html,asp.net,jquery-ui,Javascript,Jquery,Html,Asp.net,Jquery Ui,我有一个主要的部门,有一组部门。当选择内部的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

我有一个主要的部门,有一组部门。当选择内部的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
的值将解析为您感兴趣的元素,请尝试以下操作:

$(".ui-selected", this).each(function () {
    var id = this.id;
}
这也会起作用

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

你想干什么?您正在
#select result
div中追加
id
。您想追加所有的id还是所有的元素?所有的id,我已经得到了所有的元素。您可以使用
this.id
以及巡航控制-您是正确的,这是检索
id
的最快方法
$(".ui-selectee").each(function( index, element ) {
    // element == current element
    var id = $(element).attr("id");
});