jquery - Jquery クローンの数を制限するにはどうすればよいですか?

Question

次のリンクでクローンの数を制限しようとしています:

JSFiddle リンク

これは Jquery コーディングです。

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

 $("#removebt").click(function () {
   $("#choice1").remove();
   $("#num1").remove();
 });

誰もが現在の機能コーディングを確認できるように、JSFiddle に配置しました。

Answer 1

$("#addbt").click(function () {

   // check count
   var clonedCount = $('[id^=choice]').length; // OR $('.ddl').length @Matt mentioned

   if( clonedCount >  3) return false;   // stop clonning

   $('#choice').clone()
        .attr('id', 'choice' + $('.ddl').length)
        .attr('name', 'choice' + $('.ddl').length)
        .insertAfter(".ddl:last");
    $('#num').clone()
        .attr('id', 'num' + $('.dd2').length)
        .attr('name', 'num' + $('.dd2').length)
        .insertAfter(".dd2:last");
});

JSFiddle リンク