2011-10-28 8 views
3

テキストがあります 複数のdivを追加したいが、idを動的に変更する必要があります。 例:jqueryを使用してIDを増分したdivを動的に作成する

<div id=first>text</div> 
<div id=first0>text</div> 
<div id=first1>text</div> 
<div id=first2>text</div> 
<div id=first3>text</div> 
<div id=first4>text</div> 
<div id=first5>text</div> 

ヘルプがありますか?おかげで..

+0

正確に何を試しましたか? '.attr( 'id'、 'myID');' – JohnP

+0

可能な複製:http://stackoverflow.com/questions/347798/jquery-changing-an-element-id –

答えて

8

あなたのタイトルと質問内容はお互いに反対するように見えます。私は、各IDが作成されるたびに順次増分するdivの作成を望んでいると仮定していますか?

<body> 
<a id="append">Add DIV</a> 
<div id="parent"></div> 

<script> 
$(function(){ 
    var count = 0; 
    $('#append').click(function(){ 
    $('#parent').append('<div id="first'+count+'">text</div>'); 
    count++; 
    }); 
}); 
</script> 
</body> 
+0

ありがとうたくさん... ........これは私のために働く –

11

あなたは.attr()でそれを変更することができます。

$('#first').attr('id', 'first6') 
1

にコードを変更しよう:

<div id="first">text</div> 
<div id="first0">text</div> 
<div id="first1">text</div> 
<div id="first2">text</div> 
<div id="first3">text</div> 
<div id="first4">text</div> 
<div id="first5">text</div> 

は "(ID = "最初" ではないのid =最初の)

今あなたは、単にjqueryのを使用することができ、" 内部IDを忘れてはいけません: $( "#first")。attr( 'id'、 'first6');

関連する問題