jquery - Jquery クローンの制限

Question

私はこのコードを持っています:

$("#addbt").click(function () {
 $('#choice').clone()
     .attr('id', 'choice' + $('.ddl').length)
     .attr('name', 'choice' + $('.ddl').length)
     .insertAfter(".ddl:last"); });

私はJqueryが初めてです。クローンの数を特定の数に止めるにはどうすればよいですか? (10 とします)

Answer 1

現在使用しているコード構造とほぼ同じを維持しながらこれを行う最も簡単な方法は、次のようなカウンターを使用することです。

 counter = 0;
 $("#addbt").click(function () {
         counter++;
         if (counter <= 10){
            $('#choice').clone()
              .attr('id', 'choice' + $('.ddl').length)
              .attr('name', 'choice' + $('.ddl').length)
              .insertAfter(".ddl:last"); });
          }
  }