在相似細分中選擇相似元素

Question

我正在嘗試使用單獨的子div中的JQuery選擇元素的數組。

即

<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或其中的文本框，但要排除那些在類名中具有“隱藏”的對象。

例如，選擇completedDateStage1和completedDateStage2，但不包括completedDateStage3，因為它的父div被隱藏了。

我玩弄了：not和：contains選擇器，但是到目前為止還沒有運氣。

任何建議都很好。

Answer 1

也許與此： $(".milestoneWrap:not(.hidden)").find(".dateWrap")

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