Quick JQuery Question - change value with .find

I have this code.

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

It will detect a click on a link with the .setHide class and then:

1) Empty any field inside the .newSet div

2) Hide the .newSet div

My issue is that I have several .newSet开发者_如何学Python divs open, so all the fields in all the divs get emptied. How can I empty only the fields in the current div in which the .setHide link is clicked?

Thanks for the help!

Instead of this:

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

try this:

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

Use the parents() method, see how it works at the jQuery Documentation

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

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

This will clear all inputs inside .newSet that are inside the parent of .setHide.

You can give the selector an element to start searching from and in this instance you want it to start from the current element.

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

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

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