Question

如何点击img-delete我可以使用toto名称删除输入文本中的内容吗？

<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>

我实际上在使用：

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

它可以工作，但它会删除所有输入...

感谢。

Answer 1

您可以选择最近input内的form元素，而不是选择最近的input元素中的所有.input-group元素：

Example Here

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

或者，您可以根据name属性选择输入元素：

Example Here

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

如果这些选项都不符合您的需求，则必须选择最接近的.input-group-btn元素，然后选择上一个input元素：

Example Here

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

单击按钮，输入Empty（）

1 个答案: