2011-12-14 121 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