как получить #th html дочерний элемент (содержащий открывающий и закрывающий теги этого дочернего элемента) с помощью jquery?

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>

как я могу получить #th html дочерний (в этом примере -> div) FormMessages (содержащий открывающие и закрывающие теги этого div) с помощью jquery?

например, я хочу использовать приведенный ниже 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)") -

выбирает second child div для FormMessages div, который в данном случае является div с id email-message.

A jsfiddle пример.

См. Документацию по селектору : nth-child () .

Редактировать

Вот как вы можете получить второго ребенка с начальным и открывающим тегом -

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

jsfiddle пример.

Answer 2

Вы можете использовать: eq selector:

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