Question

我正在创建一个可以创建新表单字段的jquery脚本，我可以创建它们但是如何删除特定条目（由类名class =“inimene _'+ count +'”引用）

<script>
var count = 0;
function add(){
count ++;
var code = '<div class="inimene_'+count+'"><p>Eesnimi: <input type="text" id="eesnimi_'+count+'" /></br>Perenimi: <input type="text" id="perenimi_'+count+'" /></br>Pilet: <select><option selected>Vali pileti liik</option><option value="100.00 Kr">Täiskasvanu</option><option value="25.00 Kr">Õpilane 5-12kl</option><option value="3">Laps kuni 4kl</option></select>Summa: <input type="text" id="summa_'+count+'" /> Linn/Maakond <input type="text" id="linn_'+count+'" /> Rivi: <input type="checkbox" id="rivi_'+count+'" /><input type="button" id="kustuta" onclick="delete()" value="Kustuta" /></p></div>'
$('#container').append(code)
$('#val').val(count)
}
function delete(){
$('.inimene:last').remove();
}
 $(document).ready(function(){
 $('.add').click(add)
});
</script>

Answer 1

我认为你应该以一种方式识别它们并将它们分类为另一种方式并根据类删除。

所以，

var code = '<div class="inimene" ID="inimene_'+count+'"><p>Eesnimi: <input type="text" id="eesnimi_'+count+'" /></br>Perenimi: <input type="text" id="perenimi_'+count+'" /></br>Pilet: <select><option selected>Vali pileti liik</option><option value="100.00 Kr">Täiskasvanu</option><option value="25.00 Kr">Õpilane 5-12kl</option><option value="3">Laps kuni 4kl</option></select>Summa: <input type="text" id="summa_'+count+'" /> Linn/Maakond <input type="text" id="linn_'+count+'" /> Rivi: <input type="checkbox" id="rivi_'+count+'" /><input type="button" id="kustuta" onclick="delete()" value="Kustuta" /></p></div>'
$('#container').append(code)
$('#val').val(count)
}
function delete(){
$('.inimene:last').remove();
}
 $(document).ready(function(){
 $('.add').click(add)
});

Answer 2

要通过inimene类选择（附加计数变量），您可以这样做：

$('#container > .inimene_' + count).remove();

所以你的删除功能可能如下所示：

function delete_it( count ){
    $('#container > .inimene_' + count).remove();
}

delete_it( 2 );

或者，如果您不打算将count附加到班级名称，则可以按类inimene进行选择并按其索引缩小范围：

function delete_it( count ){
    $('#container > .inimene:eq(' + count + ')').remove();
    // $('#container > .inimene').eq( count ).remove();  // or this
}

delete_it( 2 );

Answer 3

如何指定要删除的div？如果你只想删除最后添加的元素，你应该为每个div添加另一个相同的类，然后用jQuery选择该类的所有元素，并删除最后一个元素。

例如，如果您在创建的div中添加了另一个名为“inimene”的类，那么您的删除代码将如下所示：

$('.inimene').last().remove();

删除特定条目

3 个答案: