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

您当然可以用$（this）替换$（＆＃39; .clear_dates＆＃39;）所以：

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

或

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

jQuery父级中的每个字段

5 个答案: