Question

我有两个或更多输入类型，每个字段都有清除（重置）按钮，

HTML

<input type="text" name="text1" class="dummytext" />
<button type="button" class="clear-btn">Clear</button>

<input type="text" name="text1" class="dummytext" />
<button type="button" class="clear-btn">Clear</button>

就像我使用jQuery一样，每次按下Clear按钮时，每个输入也被清除。我只想清除与每个Clear按钮相关的输入类型。有什么帮助吗？

谢谢。：）

Answer 1

使用jQuery的prev()方法获取相关的input：

$('.clear-btn').click(function () {
    $(this).prev().val('');
});

这是小提琴：http://jsfiddle.net/aq3Vg/

Answer 2

使用jquery的prev()方法获取input DOM对象并将值设置为空 JSBin link

Answer 3

你可以做到

$(".clear-btn").each(function (i) {
  $(this).on("click", function () {
    $("input[type='text']").eq(i).val('');
  });
});

有了这个，清除按钮不一定只是在该字段之后（或之前），而是在其他地方。

参见 jsfiddle

为每个输入创建一个重置按钮

3 个答案: