JQuery - выбрать весь элемент, кроме одного определенного элемента, вложенного внутри

Question

есть ли возможность выбрать элемент, но без одного из элементов, вложенных внутри, если известны идентификаторы обоих элементов?

как:

<div id="outerdiv"> 
    <div> 
     <div id="innerdiv1"> </div> 
     <div id="innerdiv2"> </div> 
    </div> 
</div> 

я хочу сделать выбор, который будет возвращать outerdiv, но без innerdiv2 так:

<div id="outerdiv"> 
    <div> 
     <div id="innerdiv1"> </div> 
    </div> 
</div> 

есть заявление как $ ('# outerdiv'). не ('# innerdiv2') или что-то, что могло бы сделать трюк? я могу решить это с помощью клона() + удалить(), но им просто блуждающих есть шанс сделать это так ..

благодаря

Answer 1

Здесь вы,

$('#outerdiv div:not(#innerdiv2)') 

с внешний div включил:

$('#outerdiv div:not(#innerdiv2),#outerdiv') 

Это действительно допустимый селектор CSS3, он также работает в jQuery.

---

Чтобы ответить на ваш комментарий я сделал небольшой тест в браузерах консоли:

a = $('<div id="a"><div id="wrap"><div id="one"></div><div id="two"></div></div>') 
a.find('div:not(#two)').addClass('a') 

Result: 

<div id=​"wrap" class=​"a">​ 
<div id=​"one" class=​"a">​</div>​ 
<div id=​"two">​</div>​ 
</div>​ 

html() В метод выводит содержимое HTML первого совпавшего элемента выбранного пакета. Ваш выбранный стек выглядит примерно так: [#outerdiv, div, # innerdiv1]. Итак, html() покажет html для #outerdiv. Если вам нужно сгенерировать HTML без #innerdiv2, то вам необходимо отсоединить его:

$('#innerdiv2').detach() 
$('#outerdiv').html() 

Answer 2

Я сначала подумал, вы могли бы сделать это с помощью селекторов, но если вы хотите HTML структуру, я полагаю, вам нужно на самом деле есть html-структуру, а не список совпадающих элементов с помощью #selector. К оглавлению:

$(document).ready(function(){ 
    var clone = $('#outerdiv').clone() 
    $(clone).hide(); 
    $('body').append(clone); 
    $(clone).attr('id','cloneddiv'); 
    $('#' + $(clone).attr('id') + ' #innerdiv2').remove(); 
    console.log($(clone)); 
$(clone).remove(); 
}); 

Консоль.log() относится к инструменту каротажа консоли Firebug. Это дает то, что вы ищете, в некотором роде.

Хотелось бы отметить, что у кого-то был такой ответ, но они удалили его. Не знаете, почему ...