Javascript 有没有办法使用jquery在页面中找到重复的id名称_Javascript_Jquery

Javascript 有没有办法使用jquery在页面中找到重复的id名称

javascript jquery

Javascript 有没有办法使用jquery在页面中找到重复的id名称,javascript,jquery,Javascript,Jquery,我的剧本是： $('document').ready(function () { var position = 0; var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'}]; $('#add').click(function() { var newdiv=$('<div></div>').attr(

我的剧本是：

$('document').ready(function () {  
    var position = 0; 
    var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'}];  

    $('#add').click(function() {  
        var newdiv=$('<div></div>').attr('id', data[position].id).text(data[position].id);  
        $("#container").append(newdiv);  
        position++;position %= data.length;
    });  
});

$（'document'）.ready（函数（）{
var位置=0；
var data=[{'id'：'user1'}，{'id'：'user2'}，{'id'：'user3'}，{'id'：'user4'}，{'id'：'user5'}]；
$（'#添加'）。单击（函数（）{
var newdiv=$（''）.attr（'id'，data[position].id）.text（data[position].id）；
$（“#容器”）.append（newdiv）；
位置++；位置%=data.length；
});  
});

我的html是：

<html>
    <body>  
        <button id="add">Add new div</button>  
        <div id="container"><div id="user3"></div></div>  
    </body>  
</html>


添加新div

当点击一个按钮时，在插入div之前，我要在这里附加一些id名称的新div，我想检查所有div id名称，如果有匹配的，我不想附加该div

是否使用array.length作为新id

$('document').ready(function () {  var data = [{'id':'user1'},{'id':'user2'},{'id':'user3'},{'id':'user4'},{'id':'user5'}];  
$('#add').click(function() {  
  var newdiv=$('<div></div>').attr('id', data.length).text(data.length);  $("#container").append(newdiv); 
  var newData = {};
  newData.id = 'user'+data.length;
  data[data.length] = newData});  
});

$（'document'）.ready（函数（）{var data=[{'id'：'user1'}，{'id'：'user2'}，{'id'：'user3'}，{'id'：'user4'}，{'id'：'user5'}）；
$（'#添加'）。单击（函数（）{
var newdiv=$（''）.attr（'id'，data.length）.text（data.length）；$（“#container”）.append（newdiv）；
var newData={}；
newData.id='user'+data.length；
data[data.length]=newData}）；
});

谢谢你，老师；）

$（“#添加”）。单击（函数（）{
...
$.each（数据、函数（索引、值）{
$（“”）.attr（'id'，value.id）.text（value.id）.appendTo（#container）；
});
});

请仔细阅读。这将有助于。。。头痛

$("#add").click(function() {
    ...
    $.each(data, function(index, value) {
        $("<div />").attr('id', value.id).text(value.id).appendTo("#container"); 
    });
});