jqueryを使用してIDを増分したdivを動的に作成する

私にはテキストがあります 私は複数のdivを追加したいが、IDは動的に変更する必要があります。 例えば:

<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>

どんな助け?ありがとう..

4
重複する可能性があります: stackoverflow.com/questions/347798/…
追加された 著者 Rene Pot,
何を試してみましたか?あなたは .attr( 'id'、 'myID');
追加された 著者 JohnP,

4 答え

.attr()で変更できます:

$('#first').attr('id', 'first6')
11
追加された

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

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(function(){
  var count = 0;
  $('#append').click(function(){
    $('#parent').append('<div id="first'+count+'">text</div>');
    count++;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Add DIV
<div id="parent"></div>
</div> </div>

9
追加された
ちょうど私が探していたもの。私のものはもう少し複雑ですが、これは良いスタートになるでしょう
追加された 著者 Syfer,
ありがとう、たくさん............これは私のために働く
追加された 著者 Arslan Ahmad,

コードを次のように変更してみてください。

<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>

dont forget the id inside " " (id="first" not id=first)

now you can simply use jQuery : $("#first").attr('id','first6');

2
追加された

あなたがスタイリングの仕方に興味があれば。

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(function(){
  for (let i = 0 ;i < 10; i ++){  
      $('#foo').append('<div id="first'+i+'">text</div>');
  }
});
#first4 {
  background: blue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo"></div>
</div> </div>

0
追加された