javascript - 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

只需使用.siblings过滤器：

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

Answer 2

你可以使用这个：

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

Answer 3

尝试这个：

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

见jQerty.find()

Answer 4

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

Answer 5

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

或者

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

您当然可以将 $('.clear_dates') 替换为 $(this) ，这样：

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

或者

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