当我有父母 JQuery/JS 的类名时如何从孩子 ID 中获取 ID 父母答案

【问题标题】：How to get ID Parent from Child ID when i have className of the Parents JQuery/JS当我有父母 JQuery/JS 的类名时如何从孩子 ID 中获取 ID 父母
【发布时间】：2016-02-18 21:57:50
【问题描述】：

首先，对不起，我的英语不太好，

我想通过使用其子 p:inputText 的 id 和 p:dialog 客户端的 class="ui-dialog-title" 来获取 Javascript 中 p:dialog 的 ID。

<h:form id="formID" >

<p:dialog id="DialogID"  header="Title"  widgetVar="v_DialogID">

        <p:inputText   id="InputID"  value="#{bean.input}"  onblur="changeTitle(this.id)" />

</p:dialog>

</h:form>

【问题讨论】：

显示生成的客户端html。服务器端 xhtml 没用。完全与 PrimeFaces 甚至 jsf 无关

标签： javascript jquery jsf primefaces

【解决方案1】：

我认为这就是你要问的。如果我错了，请纠正我。

$("#InputID").parent().attr("id"); 将为您获取元素直接父级的 id。

$("#InputID").parents() 将为您提供一个元素的所有父母。

$("#InputID").parents(".class").each(function () { console.log($(this).attr("id")); }); 将为您获取每个具有给定类的元素的父级的 ID。

【讨论】：

感谢答案，但在您的回复中，您使用 first() 因为 p:dialog 它是输入的第一个父级，但是当我有很多输入的父级时，我可以使用什么而不是？
在这种情况下使用 .parents() 选择器。你可以说 $("#InputID").parents(".ui-dialog-title").each(function () { console.log($(this).attr("id"));});这将为您提供一个元素的所有父项的 ID
如果您正在寻找具有特定 id 的父母，您可以说 .parents("#SpecificID")。如果你想让所有的父母直到某个父母，使用 .parentsUntil() 方法。这些都在 jquery 文档中列出：api.jquery.com/parents api.jquery.com/parentsUntil
谢谢你所有的回复，我明天会试试这个。