Question

这是此问题的扩展How to get value from nested HTML tag with Jquery/Javascript

当我第一次执行以下脚本后，<h2> - 标签会重复多次，但我只想显示三个值......

所以我的问题是，这里出了什么问题？

$(document).ready(function () {

    $('.submit').on('click', function () {

       $('#newLoanDiv').append('<div id="test"></div>');
       $('.results-page').contents().appendTo($('#test'));

       setTimeout( function(){ 
          $('.submit').removeAttr('disabled');
          $('.sums').find('dl').each(function () {    
              $('<h2 class="value">' + $(this).find('dd').text() + '</h2>').insertBefore('#test');
          });
       }, 100 );
    });

});

感谢任何帮助...

Answer 1

尝试以下方法。尝试$('#test').empty();清除每次点击#test的数据。

$('.submit').on('click', function () {
   $('#newLoanDiv').append('<div id="test"></div>');
   $('#test').empty();
   $('.results-page').contents().appendTo($('#test'));

   setTimeout( function(){ 
      $('.submit').removeAttr('disabled');
      $('.sums').find('dl').each(function () {    
          $('<h2 class="value">' + $(this).find('dd').text() + '</h2>').insertBefore('#test');
      });
   }, 100 );
});

使用Jquery / javascript多次单击时，防止内容重复

1 个答案: