Как убрать из набора элемент и всех его детей?

Question

[Anton]

Есть событие, которое должно отрабатывать на всех элементах, кроме избранных. Я пытался использовать фильтр :not и метод .not(), но они исключают только элементы, соответствующие селектору, а все дети исключаемых элементов, остаются в наборе, и обработчик события на них, естественно, срабатывает.
Перечислять всех детей исключаемых элементов невероятно долго. Есть ли способ исключить из набора не только нужные элементы, но и всех их детей?

Comments

[Zhainar]

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

[Anton]

Zhainar: потому что в таком случае при событии на детях обработчик вызывается

[Zhainar]

Anton: но мы же их удалили вместе с родителем.

Answer 1

[tvolf]

Интересно, а такой вариант

$('.top').not('.exclude, .exclude > *')....

сработает ? То есть, из требуемых элементов исключаем все элементы с классом exclude и всех детей (в данном случае прямых потомков) элементов с классом .exclude.

Comments

[Anton]

нет, к сожалению не сработало. Возможно, потому что в исключаемом элементе не только прямые потомки, там несколько поколений:)

[tvolf]

Anton: а если вот такой вариант в not:
<тут код>.not('.exclude, .exclude *').<тут код>
?

[Anton]

tvolf: к сожалению, тоже не сработал. Хотя ход мыслей имхо гениальный в своей простоте!

Answer 2

[Андрей]

Как насчет добавить только нужным элементам класс, и ловить событие на этот класс? Причем никто не мешает добавлять/удалять класс динамически...

Разумеется при таком подходе событие ловить лучше через $(document).on(/event/, /class/, function() {... });