jQuery的內部父

Question

我試圖建立一個共同的明確的領域按鈕具有以下HTML結構的每個字段：

<td colspan="2"> 
    <input type="text" name="unpublish_date" id="unpublish_date" class="calendar" /> 
    <img class="clear_date" src="ico_delete.gif" title="Reset date field"></span> 
    <input type="hidden" name="_unpublish_date" id="_unpublish_date" /> 
</td> 

所以我儘管這做功能的正確方法是通過與輸入工作的.clear_date

父我想知道什麼是裏面如何選擇每個輸入後$(this).parent

$('.clear_date').click(function(){ 
    $(this).parent().each() ... ? 
}); 

Answer 1

試試這個：

$(this).parent().find('input').each() ... 

見jQerty .find()

Answer 2

您可以使用此：

$(this).parent().find("input").each(function(){ 
    $(this).val(""); 
}); 

Answer 3

$('.clear_date').click(function(){ 
    $(this).siblings().each(function() { 
     $(this).val(""); 
    }); 
}); 

Answer 4

只需使用.siblings帶有過濾器：

$(this).siblings('input').each()...; 

Answer 5

$('input', $('.clear_dates').parent()).each(function 
{ 
    ... 
}); 

或

$('.clear_dates').parent().find('input').each(function 
{ 
    ... 
}); 

你當然也可以替換$以$（本），所以（」 clear_dates。）：

$('input', $(this).parent()).each(function 
{ 
    ... 
}); 

或

$(this).parent().find('input').each(function 
{ 
    ... 
});