Javascript 单击jquery清除输入值
我想用jQuery中的append生成的类“inputF”清除输入值Javascript 单击jquery清除输入值,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我想用jQuery中的append生成的类“inputF”清除输入值 <script type="text/javascript" src="jquery.min.js"></script> <script> $(document).ready(function () { var wrapper = $(".input_fields_wrap"); //Fields wrapper var add_button = $(".add_field_button")
<script type="text/javascript" src="jquery.min.js"></script>
<script>
$(document).ready(function () {
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
$(add_button).click(function (e) { //on add input button click
e.preventDefault();
$(wrapper).append('<div><input type="text" class="inputF" name="mytext[]"/>\n\
<button name="remove" class="remove_field">x</button>\n\
<button name="clear" class="clear_field">clear</button>\n\
<input type="checkbox" class="check" group="check">\n\
</div>'),
});
});
</script>
<div class="input_fields_wrap">
<button class="add_field_button">+</button>
<button class="show_field_button">show all</button>
正确的写入方式是什么?您的目标同级元素选择器不正确:
$(wrapper).delegate("click", ".clear_field", function () {
$(this).closest('div').find('.inputF').val('');
});
而您的html结构看起来像
<div>
<input type="text" class="inputF" name="mytext[]"/>
<button name="remove" class="remove_field">x</button>
<button name="clear" class="clear_field">clear</button>
<input type="checkbox" class="check" group="check">
</div>
或.closest()代码>
只需替换:
$(this).find('.inputF').val('');
与:
$(wrapper).find('.inputF').val('');
你改变了什么?那不正是OP的副本吗code@Keyur:您正在使用什么版本的js以及将事件绑定到何处。@Tushar:OP正在使用委托,我建议使用。
上取代jQuery的版本是v1.12.3@milindiantwarevision的jQuery版本是v1.12.3非常感谢。但它正在删除所有文本框值。我不想这样。
$(wrapper).on("click", ".clear_field", function () {
$(this).closest('div').find('.inputF').val('');
});
$(this).find('.inputF').val('');
$(wrapper).find('.inputF').val('');