jquery - 在相似的子 div 中选择相似的元素

Question

我正在尝试使用 JQuery 选择位于单独子 div 中的元素数组。

IE

<div class="panelWrap">
                    <div id="dvStage1" class="milestoneWrap" runat="server">
                        <div class="grid_1 detailsWrap">
                            <asp:TextBox ID="detailsStage1"></asp:TextBox>
                        </div>
                        <div class="grid_1 dateWrap">
                            <asp:TextBox ID="completedDateStage1"></asp:TextBox>
                        </div>
                    </div>
                    <div id="dvStage2" class="milestoneWrap" runat="server">
                        <div class="grid_1 detailsWrap">
                            <asp:TextBox ID="detailsStage2"></asp:TextBox>
                        </div>
                        <div class="grid_1 dateWrap">
                            <asp:TextBox ID="completedDateStage2"></asp:TextBox>
                        </div>
                    </div>
                    <div id="dvStage3" class="milestoneWrap hidden" runat="server">
                        <div class="grid_1 detailsWrap">
                            <asp:TextBox ID="detailsStage3"></asp:TextBox>
                        </div>
                        <div class="grid_1 dateWrap">
                            <asp:TextBox ID="completedDateStage3"></asp:TextBox>
                        </div>
                    </div>
                </div>

ETC..

在运行时，根据需要多少阶段，某些阶段是隐藏的。

我想为每个阶段选择 dateWrap div 或其中的文本框，但不包括在类名中“隐藏”的那些。

例如选择completedDateStage1 和completedDateStage2，但不包括completeDateStage3，因为它的父div 是隐藏的。

我玩弄了 :not 和 :contains 选择器，但到目前为止还没有运气。

任何建议都会很棒。

Answer 1

也许有了这个：$(".milestoneWrap:not(.hidden)").find(".dateWrap")

（工作示例：http: //jsfiddle.net/TCHdevlp/yFNpK/1/）