我想使用 jQuery 创建 html 对象,然后通过 jQuery/javascript 再次删除它们,但我遇到了问题,因为加载页面时这些对象不存在。 您对我如何解决这个问题有什么想法吗? 提前致谢。
(这是我在 stackoverflow 上的第一篇文章 - 我希望我做的一切都是正确的 ^^)
https://jsbin.com/yudamofoho/edit
<body>
<div id='ipt-list'>
</div>
<input type="submit" id="btn-add" value="Add">
</body>
function rmInput(){
$(this).parent().remove();
return false;
}
$(function(){
$('#btn-add').on('click', function(){
ipt = '<div><input type="text" value=""><input type="submit" onclick="rmInput();" class="btn-rm" value="Remove"></div>';
$('#ipt-list').append(ipt);
return false;
});
});
最佳答案
您必须通过this
到函数中,以便您可以在函数内部引用它:
onclick="rmInput(this);"
function rmInput(el){
//console.log(this.constructor.name); // Window
$(el).parent().remove();
return false;
}
$(function(){
$('#btn-add').on('click', function(){
ipt = '<div><input type="text" value=""><input type="submit" onclick="rmInput(this);" class="btn-rm" value="Remove"></div>';
$('#ipt-list').append(ipt);
return false;
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='ipt-list'>
</div>
<input type="submit" id="btn-add" value="Add">
关于javascript - 修改 jQuery 创建的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58671005/