如何使用 jquery 获取元素的#th html 子元素（包含该子元素的开始和结束标签）？

Question

我的html代码如下：

    <div id="FormMessages">
        <div id="user-info-message" class="error">
            <asp:Image ID="imgError1" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
                AlternateText="attention!" ToolTip="attention!" />
            <p>
                error 1 ...</p>
        </div>
        <div id="email-message" class="error">
            <asp:Image ID="imgError2" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
                AlternateText="attention!" ToolTip="attention!" />
            <p>
                error 2 ...</p>
        </div>
        <div id="mobile-message" class="error">
            <asp:Image ID="imgError3" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
                AlternateText="attention!" ToolTip="attention!" />
            <p>
                error 3 ...</p>
        </div>
        <div id="cards-message" class="error">
            <asp:Image ID="imgError4" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
                AlternateText="attention!" ToolTip="attention!" />
            <p>
                error 4 ...</p>
        </div>
        <div id="banks-message" class="error">
            <asp:Image ID="imgError5" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
                AlternateText="attention!" ToolTip="attention!" />
            <p>
                error 5 ...</p>
        </div>
    </div>

我如何使用jquery获取FormMessages（包含该div的开始和结束标签）的#th html子级（在本例中-> div）？

例如我想要以下 html 作为输出：

    <div id="mobile-message" class="error">
        <asp:Image ID="imgError3" CssClass="imgError" runat="server" ImageUrl="~/Images/Login/Exclamation.png"
            AlternateText="توجّه!" ToolTip="attention!" />
        <p>
            error 3 ...</p>
    </div>

提前致谢

Answer 1

$("#FormMessages :nth-child(2)") -

选择 FormMessages div 的 第二个子 div，在本例中为是 ID 为 email-message 的 div。

一个 jsfiddle 示例。

请参阅 :nth-child() 选择器的文档。

编辑

以下是如何获得带有开始和开始标签的第二个子元素 -

alert( $('<div>')
       .append($('#FormMessages :nth-child(2)').clone())
       .remove()
       .html());

jsfiddle 示例。

Answer 2

您可以使用 :eq 选择器：

$('#FormMessages div:eq(2)').html();