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

Question

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

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 所做的那样，每次我按下清除按钮时，每个输入也会被清除。我只想清除与每个清除按钮相关的输入类型。有什么帮助吗？

谢谢你。:)

Answer 1

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

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

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

Answer 2

使用 jquery 的prev()方法获取inputDOM 对象并将值设置为空
JSBin 链接

Answer 3

你可以做

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

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

见jsfiddle