Question

我正在尝试使用JQuery选择一个元素数组，这些元素位于不同的子div中。

即

<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>

等。

在运行时，根据需要的数量隐藏一些阶段。

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

e.g。选择completedDateStage1和completedDateStage2，但不包括completedDateStage3，因为它的父div是隐藏的。

我玩弄了：not and：包含选择器，但到目前为止没有运气。

任何建议都会很棒。

Answer 1

也许这样：$(".milestoneWrap:not(.hidden)").find(".dateWrap")

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

选择类似子div中的类似元素

1 个答案: