javascript - jquery为什么不能绑定删除事件,也不能清空input?
本文介绍了javascript - jquery为什么不能绑定删除事件,也不能清空input?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
HTML
<div class="add">
<label for="name">姓名 <input type="text" id='name'></label>
<label for="age">年龄 <input type="text" id='age'></label>
<label for="femail">性别 <input type="text" id='femail'></label>
<button type="buttom" id='test'>添加用户</button>
<table id="table">
<tr>
<td>姓名</td><td>年龄</td><td>性别</td><td>操作</td>
</tr>
</table>
</div>
JS 代码
$("#test").on('click',function(){
var name=$("#name").val()
var age=$("#age").val()
var femail=$("#femail").val();
if(name&&age&&femail){
var TR="<tr><td>"+name+"</td><td>"+age+"</td><td>"+femail+"</td><td><span><button class='del'/>删除</span></td></tr>"
$("#table").append(TR);
$("input").attr("value","");//这里为什么不能清空input
$(".del").on('click',function(){ //这里为什么不能绑定时间
var tr= $(this).parent().parent().parent();
// alert(1);
tr.remove();
})
}
else{
alert("不能为空")
}
})
解决方案
用 val('') 来清空
button 标签需要闭合,不是自闭合
弄清楚原生:
el.setAttribute('value', '1')
el.value = '1'
jquery:
$(el).attr();
$(el).prop();
的区别.
这篇关于javascript - jquery为什么不能绑定删除事件,也不能清空input?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文