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

我希望我也能选择其他的,但这对我很有用谢谢我希望我也能选择其他的,但这对我很有用谢谢