快速JQuery问题 - 用.find更改值

Question

我有这个代码。

$(".setHide").click(function () {
  $('.newSet').find('input[type=text]').val('');
  $(this).parent().hide();

它将检测到.setHide类的链接上的点击，然后：

1）清空.newSet div中的任何字段

2）隐藏.newSet div

我的问题是我有几个.newSet div打开，所以所有div中的所有字段都被清空。如何仅清空当前div中单击.setHide链接的字段？

感谢您的帮助！

Answer 1

而不是：

$('.newSet').find('input[type=text]').val('');

试试这个：

$(this).find('input[type=text]').val('');

Answer 2

使用parents（）方法，查看jQuery Documentation

的工作原理

$(".setHide").click(function () {
  $(this).parents(".newSet")
         .hide()
         .find('input[type=text]')
         .val('');
})

Answer 3

$(".setHide").click(function(){
  var $div = $(this).parent().hide();
  $('.newSet input[type="text"]', $div).val('');
});

这将清除.newSet内容.setHide内的所有输入。

Answer 4

您可以为选择器提供一个元素来开始搜索，在这个实例中，您希望它从当前元素开始。

$('.newSet', this).find('input[type=text]').val('');

Answer 5

$(this).closest('.newSet').find('input[type=text]').val('');

Answer 6

$('.setHide').click(function() {
  var $newSet = $('.newSet', $(this));
  $newSet.hide().find('input[type=text]').val('');
});