如何在javascript中动态获取元素ID
我有一个主要的部门,有一组部门。当选择内部的div时,我需要动态地获取它们的id。 我尝试了一些选择,但我没有得到一个数字或未定义 //HTML如何在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 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");
});