Question

我正在设置发票表格。每次单击按钮时，addItem函数都会使用类名<li>创建element+counter元素。添加的同时，它还会在其旁边创建一个删除按钮，该按钮也具有“ element + counter”作为类名。

每次添加元素时，计数器都会增加。

但是如何使用删除按钮删除特定的element+counter行？

var verwijderCounter = 0;

function addItems(){
verwijderCounter++;

$("#description").append("<li class='element"+verwijderCounter+"'>"+$('#formOmschrijving').val()+"</li>");
$("#uurprijs").append("<li class='element"+verwijderCounter+"'>"+$('#formUurprijs').val()+"</li>");
      
$("#amount").append("<li class='element"+verwijderCounter+"'>"+$('#formUren').val()+"</li>");
$("#removeLine").append('<button type="button" class="btn verwijder element'+verwijderCounter+'">del</button>');

Answer 1

在添加删除按钮时，请让其知道计数器：

我没有测试，但是应该大致像这样：

$("#removeLine").append('<button id="delete"'+verwijderCounter+' type="button" class="btn verwijder element'+verwijderCounter+'">del</button>');
$( "#delete" + verwijderCounter).click(function() {
  removeItems(verwijderCounter);
});

然后使用以下命令删除具有相同类的所有元素：

function removeItems(counter) {
   $( 'element"+counter ).remove();
}

不要减少计数器，因为它会弄乱您的班级名称！

如何删除具有计数器的类名

1 个答案: