选择日期选择器的父元素

Select parent element of datepicker

本文关键字：元素 选择器 日期 选择      更新时间：2023-09-26

我是JQuery和JS的新手。

我有一个使用JQuery日期选择器的元素。在日期选择器select事件中，我希望获得对父<td>元素的引用。我该怎么做。提前谢谢。

<td>
    <input type='text'/>
</td>

您可以使用parent()，但使用closest更安全（在DOM更改的情况下）：

在选择事件this内部应该是datepicker元素。

var parentTD = $(this).closest('td');

许多插件都有更改其所附元素周围DOM的习惯，但closest会搜索祖先，直到找到匹配项。

JSFiddle：http://jsfiddle.net/NdN9H/52/

更新：如注释中所述，由于需要在事件处理程序中选择父级，您可以使用$(this)访问日期选择器元素，因此不需要使用id

你应该试着在你的输入元素上加一个id：

        <td>
           <input id="mydatepicker" type='text'/>
       </td>

在javascript中，您可以使用parent函数来选择输入元素的父元素

$("#mydatepicker").parent()

如果这没有按预期工作，可能是日期选择器插件将您的input元素封装在另一个元素中。您需要在浏览器中检查DOM，以找出围绕元素的最终DOM结构。

请参阅http://api.jquery.com/parent/

相关文章：