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