Javascript jQuery将ID传输到同一父元素的另一个元素
使用此代码,每个Javascript jQuery将ID传输到同一父元素的另一个元素,javascript,html,jquery,html-lists,Javascript,Html,Jquery,Html Lists,使用此代码,每个和class=“myDropDown”都有相同的结果。我的问题是var getID。我希望每个都能获得创建它的的ID。我怎样才能解决这个问题 $(文档).ready(函数(){ var getID=$(“.myDropDown”).attr('id'); $(“.myDropDown”).wrap(“”); $(“.customDropDown”).prepend(“”); $(“.dropDownHeader”).append('Select One'); $(“.dropD
和class=“myDropDown”
都有相同的结果。我的问题是var getID
。我希望每个
都能获得创建它的
的ID。我怎样才能解决这个问题
$(文档).ready(函数(){
var getID=$(“.myDropDown”).attr('id');
$(“.myDropDown”).wrap(“”);
$(“.customDropDown”).prepend(“”);
$(“.dropDownHeader”).append('Select One');
$(“.dropDownHeader”).append(“”);
});代码>
- 项目1
- 项目2
- 项目1
- 项目2
类似的内容是如何获取与每个ul
元素关联的ID
$('.myDropDown').each(function(index) {
// Execute the below code for each element with class .myDropdown
var id = $(this).closest('ul.myDropDown').attr('id');
$(this).wrap('<div class="customDropDown"></div>');
$(this).prepend('<div class="dropDownHeader">');
$(this).closest('div').prepend('<div class="dropDownInner" id="' + id + '">Select One</div>');
$(this).append('</div>');
});
$('.myDropDown')。每个(函数(索引){
//使用class.myDropdown为每个元素执行以下代码
var id=$(this.nexist('ul.myDropDown').attr('id');
$(此).wrap(“”);
$(this.prepend(“”);
$(this).closest('div')。prepend('Select One');
$(此)。附加(“”);
});
这与您的代码具有相同的DOM结构,具有您所寻找的不同ID
编辑:巴尔马提出了一个公平的观点。每个页面上只能使用一次ID。我建议将ID更改为类。然而,这将涉及更多的代码。ID应该是唯一的。你试图做的事情毫无意义。无论如何,要做你想做的事情,你必须遍历每个.myDropDown
。使用this.id
获取其id,并在添加包装时使用$(this)
。就是这样!!我对代码做了一些修改,但解决方案的根本是这样。非常感谢。我还需要id,所以我使用了这个$(this.removeAttr(“id”)代码>