时间戳

首页 > 解决方案 > 如何删除具有计数器的类名

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

问题描述

我正在设置发票表格。每次我单击按钮时，该addItem函数都会创建<li>具有类名的元素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>');

标签： jquery

解决方案

当您添加删除按钮时，让它知道计数器：

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

$("#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();
}

并且不要减少计数器，因为它会弄乱你的类名！

推荐阅读