Javascript 删除最近的输入

Javascript 删除最近的输入,javascript,jquery,html,input,Javascript,Jquery,Html,Input,好的,我有一个输入对象,当它被更改时,它会添加另一个。 还有一个删除(izdzēst)链接,当你点击时,它会删除最后一个输入字段。。 怎样才能做到这一点?(删除功能为dzest) 我想问题出在$(这个) 函数dzest(){ $(this).closest('input').remove(); } $(“输入[type=file]”)。更改(函数(){ $('')。附于('正文'); $(“”).appendTo('body'); $('.link').css('display','inli

好的,我有一个输入对象,当它被更改时,它会添加另一个。
还有一个删除(
izdzēst
)链接,当你点击时,它会删除最后一个输入字段。。 怎样才能做到这一点?(删除功能为
dzest

我想问题出在
$(这个)



函数dzest(){ $(this).closest('input').remove(); } $(“输入[type=file]”)。更改(函数(){ $('')。附于('正文'); $(“
”).appendTo('body'); $('.link').css('display','inline'); });
尝试这样做,会丢失onclick属性

$('a[name=dzest]').on('click', function() {
    $(this).closest('input').remove();
});
或者在删除中添加ID以简化选择器。

  • 代码中的此
    指的是
    窗口
    对象,而不是锚定
  • 最近的
    表示最近的元素父元素
    输入
    永远不能是父元素,因此您可能是指
    prev()

固定代码

$('<a href="#" onclick="dzest(this);return false" class="link" name="dzest" style="font-weight:normal; display:inline;">Izdzēst</a><br/>').appendTo('body');
<a href="#" onclick="dzest(this);return false"
您还可以使用不引人注目的事件处理程序和委托事件

$('body').on('click', '.link', function(){
        $(this).prev('input').remove();
    });

不是答案,但请使用英文命名函数。并添加引号:
$(“input[type='file'])
感谢您的精彩回复!这是正确的,但是一个
输入
永远不会是一个家长,看看吧。啊,好的捕获,不要用太多最近的东西,你是对的,它只会向上移动。亲爱的,我学到了一些东西:)
function dzest(obj){
     $(obj).prev('input').remove();
}
$('body').on('click', '.link', function(){
        $(this).prev('input').remove();
    });