Jquery 通过单击按钮清空（）输入

如何通过点击

img delete

删除输入文本中的toto name内容

<div class="input-group">
    <input type="text" class="form-control" name="toto">
    <div class="input-group-btn">
        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Action <span class="caret"></span></button>
        <ul class="dropdown-menu pull-right">
            <li><a href="#" class="img-preview">Preview </a></li>
            <li><a href="#" class="img-change">Change</a></li>
            <li><a href="#" class="img-delete">Delete</a></li>
        </ul>
    </div>
</div>

它工作，但它删除了所有的输入

---

谢谢。

您可以选择最近的

表单

元素中的

输入

元素，而不是选择最近的

表单

元素中的

输入

元素。输入组：

---

或者，您可以根据

name

属性选择输入元素：

---

如果这两个选项都不能满足您的需要，您必须选择最近的

。输入组btn

元素，然后选择上一个

输入

元素：

---

我买了第一个，它很管用。我很快就会接受答案。谢谢

$('.img-delete').click(function(event) {
    event.preventDefault();
    $(this).closest('form').find("input[type=text]").val("");
});

$('.img-delete').click(function(event) {
    event.preventDefault();
    $(this).closest('.input-group').find("input[type=text]").val("");
});

$('.img-delete').click(function(event) {
    event.preventDefault();
    $(this).closest('.input-group').find("[name='toto']").val("");
});

$('.img-delete').click(function (event) {
    event.preventDefault();
    $(this).closest('.input-group-btn').prev(':input').val("");
});