javascript - Jquery Closest获取父Div元素的属性

Question

我有一个重复的 div 结构

<div class="parent">
  <input type="text" name="name" class="name" value="test">
  <input type="hidden" name="id" class="id" value="123">
  <span class="btns">
  <button name="btn_clr" class="clear" type="button" value="Clear"></button>
  </span> 
  </div>

在 Jquery 中，我有一个清除按钮的 onclick 功能

$('.clear').bind("click", function (e){ 
    $(this).closest('.parent').find('input').each(function (index){                    
        console.log(this);
    });
}); 

我想清除 Paret Class DIV 的输入元素的值，但它没有在每个函数中获取 INPUT 元素

Answer 1

试试.parent()喜欢

$('.clear').bind("click", function (e){ 
     $(this).closest('.btns').parent().find('input').each(function (index){                    
          console.log(this);
     });
});

甚至尝试像

$('.clear').bind("click", function (e){ 
     $(this).closest('.parent').find('input').each(function (index){                    
          console.log(this);
     });
});

Answer 2

parent是目标元素的类值，因此您需要将其与类选择器一起使用，例如.parent

$('.clear').bind("click", function (e) {
    $(this).closest('.parent').find('input').each(function (index) {
        console.log(this);
    });
});

Answer 3

尝试这个，

$('.clear').bind("click", function (e){ 
   $(this).closest('.parent').find('input').each(function (index){
        $(this).val(''); // to clear the value
   });
});

演示