获取父div jquery的子元素答案

【问题标题】：Get child element of parent div jquery获取父div jquery的子元素
【发布时间】：2010-11-12 18:46:32
【问题描述】：

我有一个 div

<div id="customFormContact">
    .. other elements that don't matter ...
<input type="hidden" class="formID" value="Custom Product Contact" />    
</div>

我正在使用 div 执行 jquery 对话框，其中提交按钮执行一些 ajax 工作。在 ajax 调用中我想做的是拉出隐藏字段的值。最好的方法是什么？

我试过了

var id = $("#customFormContact, .formID").val();

还有

var id = $("#customFormContact > .formID").val();

无济于事。

有了值的警报，我得到一个未定义的（第一个）或一个空白的第二个。

【问题讨论】：

标签： jquery parent-child elements

【解决方案1】：

省略, (multiple selector) 和> (child selector)，只需使用这样的空格：

var id = $("#customFormContact .formID").val();

只有一个空格是descendant selector，它会找到一个.formID作为#customFormContact内任意深度的子元素。

【讨论】：

工作就像一个魅力。呃。我认为有时存在一个因素，即我们尝试制作事物的努力程度，而最简单的解决方案往往是正确的解决方案。

【解决方案2】：

var id = $("#customFormContact .formID").val();

【讨论】：

这是在寻找 <elem id="customFormContact" class="formID">` 元素，两者都在同一个元素上，而不是一个子元素。

【解决方案3】：

怎么样：

var id = $("#customFormContact .formID").val();

【讨论】：

【解决方案4】：

只需给字段一个 ID

id = $('#someID').val();

【讨论】：

我没有指定，表单上可能有多个元素带有 formID 的类。（即两种不同的形式）