Javascript 删除JQuery中的最后一个item元素
我正在做一些事情,基本上我有这个添加参数按钮,它添加了两个新的文本字段,即参数名和参数值。我有一个按钮,它是删除参数。如何删除最后的参数名称和值?该按钮应删除最后一个 这是我的密码Javascript 删除JQuery中的最后一个item元素,javascript,jquery,html,Javascript,Jquery,Html,我正在做一些事情,基本上我有这个添加参数按钮,它添加了两个新的文本字段,即参数名和参数值。我有一个按钮,它是删除参数。如何删除最后的参数名称和值?该按钮应删除最后一个 这是我的密码 添加参数 德特尔参数 $(函数(){ var计数=0; $(“#addParams”)。单击(函数(){ $(“#paramArea”).append(“”); $(“#paramArea”).append(“”); 计数++; $(“#参数计数”).val(计数); }); }); 您应该将这两个输入包装在div
添加参数
德特尔参数
$(函数(){
var计数=0;
$(“#addParams”)。单击(函数(){
$(“#paramArea”).append(“
”);
$(“#paramArea”).append(“
”);
计数++;
$(“#参数计数”).val(计数);
});
});
您应该将这两个输入包装在div中,并将其附加到#paramArea
中。像这样:
$("#paramArea").append('
<div class="rowelement"><input type=text class="form-control" name=ParamName'+count+'
id=ParamName'+count+' placeholder="Parameter Name" /><br />
<input type=text class="form-control"
name=ParamValue'+count+' id=ParamValue'+count+'placeholder="Parameter Value" /></div>
');
您应该将这两个输入包装在div中,并将其附加到
#paramArea
中。像这样:
$("#paramArea").append('
<div class="rowelement"><input type=text class="form-control" name=ParamName'+count+'
id=ParamName'+count+' placeholder="Parameter Name" /><br />
<input type=text class="form-control"
name=ParamValue'+count+' id=ParamValue'+count+'placeholder="Parameter Value" /></div>
');
使用.remove()
和:last
选择器
$('#deleteParams').click(function(){
$('[id^=ParamName]:last,[id^=ParamValue]:last').remove();
});
使用.remove()
和:last
选择器
$('#deleteParams').click(function(){
$('[id^=ParamName]:last,[id^=ParamValue]:last').remove();
});
您可以这样做:
$("#deleteParams").on('click', function(){
$("#paramArea").find(':text:last').remove();
});
您可以这样做:
$("#deleteParams").on('click', function(){
$("#paramArea").find(':text:last').remove();
});
使用容器将使这更容易
$(函数(){
var计数=0;
$(“#addParams”)。单击(函数(){
$(“#参数区域”)。追加(
“
”);
计数++;
$(“#参数计数”).val(计数);
});
$(“#删除参数”)。单击(函数(){
$('.container').last().remove();
});
});代码>
添加参数
德特尔参数
使用容器将使这更容易
$(函数(){
var计数=0;
$(“#addParams”)。单击(函数(){
$(“#参数区域”)。追加(
“
”);
计数++;
$(“#参数计数”).val(计数);
});
$(“#删除参数”)。单击(函数(){
$('.container').last().remove();
});
});代码>
添加参数
德特尔参数
试试这个
$("#deleteParams" ).click(function() {
$("#paramArea").find(".form-control").filter( ":last" ).remove();
});
试试这个
$("#deleteParams" ).click(function() {
$("#paramArea").find(".form-control").filter( ":last" ).remove();
});
我希望我也能选择其他的,但这对我很有用谢谢我希望我也能选择其他的,但这对我很有用谢谢