防止内容被重复时，点击多次与Jquery/javascript

Prevent content to be duplicated when clicking multiple times with Jquery/javascript

本文关键字：Jquery javascript      更新时间：2023-09-26

这是一个扩展到这个问题如何从嵌套的HTML标签与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 );
    });
});

尝试以下操作。

每次点击，尝试$('#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 );
});
相关文章：