的Jquery最近獲得的屬性

Question

我jQuery中有一個重複的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> 

我有明確的按鈕

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

我想清除出值的onclick功能的Paret Class DIV的輸入元素，但它沒有獲得每個函數中的INPUT元素

Answer 1

試試這個，

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

Demo

Answer 2

嘗試使用.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 3

parent是目標元素的類值，所以你需要有一個類選擇使用它像.parent

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