jQuery父级中的每个字段

jQuery each field inside parent

本文关键字：字段 jQuery      更新时间：2023-09-26

我正在尝试构建一个通用的清除字段按钮，该按钮具有以下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() ... ?
});

只需使用带有过滤器的.siblings：

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

您可以使用这个：

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

试试这个：

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

参见jQerty .find()

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

$('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
{
  ...
});
相关文章：