Выбор элемента, который имеет указанный элемент

Question

Я производитель стилей из аддона под названием Стильный , который позволяет вам добавлять свои собственные таблицы стилей для изменения пользовательского интерфейса сайта.Теперь у меня проблема:

Могу ли я выбрать элемент с указанным элементом?

Пример:

<div class='visitor_message'>
<div class='user_info'> Visitor Message Poster Info </div>
<div class='deleted_message'> This message is deleted by foobar </div>
</div>
<div class='visitor_message'>
<div class='user_info'> Visitor Message Poster Info </div>
<div class='message'> Undeleted Content </div>
</div>

Я работаю над стилем vBulletin для удаленияэлемент, который содержит элемент с удаленным классом, поэтому программные сообщения будут удалены полностью.Если я просто скрою .deletedmessage, он все равно оставит информационную панель позади.

Так прямо в точку, Можно ли выбрать элемент, у которого есть указанный элемент?

Я хочувыберите .visitor_message, который содержит .deletedmessage, это возможно?Если это так, как?Если нет, может кто-нибудь объяснить, как это сделать в jQuery или javascript?

Answer 1

Что касается CSS, вы в основном запрашиваете «селектор предков». По крайней мере, в CSS3 такого нет. Очень грубое объяснение состоит в том, что CSS обычно выглядит «внутри», а не снаружи. Я вспоминаю, что где-то читал, что предоставление селекторам взгляда на родителей / предков также может оказать существенное влияние на производительность, но в данный момент не может дать цитату.

С jQuery вы бы использовали .has () для достижения этого :

$('.visitor_message').has('.deletedmessage')

(Обратите внимание, я покажу вам бит выбора только .)