jQuery: получение внутреннего заголовка текущего селектора html PLUS (внешний html)

Question

Используя jQuery, у меня есть селектор - назовите его $('#someDiv1') - для которого я хотел бы получить внутренний HTML-код, а также заголовок тега. Итак, учитывая эту структуру HTML ..

<div id="parentDiv">
    <div id="someDiv1">
        <div id="innerDiv1_1"></div>
        <div id="innerDiv1_2"></div>
    </div>
    <div id="someDiv2">
        <div id="innerDiv2_1"></div>
        <div id="innerDiv2_2"></div>
    </div>
</div>

Если у меня есть селектор $ ('# someDiv1') в переменной - назовите его $ someDiv1 - я хотел бы иметь возможность использовать эту переменную для получения строки:

"<div id='someDiv1'>
     <div id='innerDiv1_1'></div>
     <div id='innerDiv1_2'></div>
 </div>"

Я думал о том, чтобы просто сказать $ someDiv1.parent (). Html (), но это также дало бы мне братьев и сестер div (someDiv2 и т. Д.). Есть идеи? Спасибо.

Answer 1

Вы тоже попробуйте

$('#parentDiv').clone().find("> :not(#someDiv1)").remove().end().html();

Answer 2

Вы можете попробовать что-то вроде этого:

$('<div></div>').append($('#someDiv1').clone()).html()