JQuery селектор - удалить элементы, если родительский div не имеет определенного идентификатора

Question

JQuery селектор - удалить элементы, если родительский div не имеет определенного идентификатора

0

Предположим, что следующая разметка:

<div id="NotificationBar">Stuff</div>
<div id="StatusBar>
    <p>Stuff</p>
</div>

<div id="myContainer>
    <div id="NotificationBar">Stuff</div>
    <div id="StatusBar>
        <p>Stuff</p>
    </div>
<div>

Я хочу следующее:

Если #NotificationBar и #StatusBar не входят в #myContainer - удалите их из DOM

Окончательная разметка, которую я хочу, такова:

<div id="myContainer>
    <div id="NotificicationBar">Stuff</div>
    <div id="StatusBar>
        <p>Stuff</p>
    </div>
<div>

Я попробовал следующее, но в итоге удалю весь родитель, который не то, что я хочу:

$("#StatusBar").parent('div').not('#myContainer').remove()
$("#NotificationBar").parent('div').not('#myContainer').remove()

Я не могу просто скрыть вещи с помощью CSS, мне действительно нужно удалить элементы из DOM.

Dennis G 30 нояб. 2013, в 02:39

Источник

Теги:

jquery

jquery-selectors

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-30T00-05-00.000Z

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

<div class="NotificationBar">Stuff</div>
<div class="StatusBar">
    <p>Stuff</p>
</div>
<div id="myContainer">
    <div class="NotificationBar">Stuff</div>
    <div class="StatusBar">
        <p>Stuff</p>
    </div>
</div>

тогда

$('.NotificationBar, .StatusBar').not('#myContainer .NotificationBar, #myContainer .StatusBar').remove()

Демо: скрипка

Хотя классы были бы правильными в этом случае - у нас есть несколько идентификаторов ... :)
@moontear По определению ID не должно быть дубликатов ...