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 
{ 
    ... 
});