jQuery添加项目

Question

所以，我在这里要做的是onClick添加另一个<li>，它完全像它上面那个。我在PHP中创建了一个for循环，在<li>内部创建适当的字段。

我正在运行的问题是：当您单击.repatable-add按钮时，我收到两次“更换前”警报，并且“更换后”警报根本没有启动。 和想法？

jQuery('.repeatable-add').click(function() { 
    field = jQuery(this).siblings('ul.image-details').find('li:last').clone(true); 
    fieldLocation = jQuery(this).siblings('ul.image-details').find('li:last'); 
    jQuery('input', field).val('').attr('name', function(index, name) { 
      alert(name +' before replace'); 
      return name.replace(/(\d+)/, function(fullMatch, n) { 
      return Number(n) + 1; 
      alert(name +' after replace'); 
     }); 
    }) 
    field.insertAfter(fieldLocation, jQuery(this).siblings('ul.image-details').find('li:last')) 
    return false; 
}); 

Answer 1

不完全确定你对输入部分做了什么，但我认为这是因为你想在返回之后做些事情。这是我有：

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    jQuery('.repeatable-add').click(function(){ 
      var copyThis = jQuery(".image-details").find("li:last").clone(true); 
      jQuery(".image-details").append(copyThis); 
      var name = jQuery("input").attr("name"); 
      var count = name.replace(/\d+/, ''); 
      var newCount = count++; 
      jQuery("input").attr("name",name.replace(newCount.toString(),count.toString())); 
     return false; 
    }); 
}); 
</script> 

<ul class="image-details"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
</ul> 
<input name="ithas1" /> 
<button class='repeatable-add'>button</button> 

Answer 2

有警报之前返回，因此警报将永远不会被执行：

{ 
      return Number(n) + 1; 
      alert(name +' after replace'); 
     }); 

Answer 3

那么，对于“取代后，”根本就没有开火警告，因为直接有一个return语句在它之前。