2011-12-14 5 views
-3

を使用して、ページ内の重複id名をfindout:は、どのような方法があり、私のスクリプトがある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> 

私はいくつかのidを持つ新しいdivを追加しています]ボタンをクリックしてくださいここにdivの前に名前をつけてくださいdivと一致するものがあればすべてのdiv idの名前をチェックしたいdivを追加したくないのです

my jsfiddle is here

+0

編集しました今すぐチェック1 –

答えて

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

jQuery Cookbookをお読みください。それは...頭痛に役立つでしょう。

0

新しいIDとしてarray.lengthを使用しますか?

$('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

関連する問題