Jquery-ды пайдалана отырып, div-ді incremented идентификаторымен динамикалық жасау

Менің мәтінім бар Мен бірнеше 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>

Кез келген көмек? рахмет ..

4
ықтимал көшірме: stackoverflow.com/questions/347798/…
қосылды автор Rene Pot, көзі
Сіз не істедік? .attr ('id', 'myID'); -ті қолдануға болады
қосылды автор JohnP, көзі

4 жауаптар

Сіз оны .attr() көмегімен өзгерте аласыз:

$('#first').attr('id', 'first6')
11
қосылды

Сіздің тақырыбыңыз бен сұрағыңыз бір-бірімен келіспейді. Мен әрбiр бір идентификатор бір рет жасалатын кезде жүйелі түрде өсетін 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>

id ішіндегі кодты ұмытпаңыз ( id = «бірінші» емес, 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
қосылды