2011-12-14 120 views
-3
页面findout重复的ID名称

我的脚本是:有没有办法使用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('id', data[position].id).text(data[position].id); 
     $("#container").append(newdiv); 
     position++;position %= data.length; 
    }); 
}); 

我的HTML是:

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

当点击一个按钮,我正在追加新的div一些ID这里的名称插入div我想检查所有div id名称,如果有任何匹配我不想追加该div

my jsfiddle is here

+0

我编辑立刻检查1 – 2011-12-14 18:08:51

回答

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

请阅读jQuery Cookbook。它会帮助...头痛。

0

使用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}); 
}); 
  • 感谢thiefmaster;)
+0

`s/new Object()/ {}` – ThiefMaster 2011-12-14 17:54:49