Jquery, изменить границу, если div присутствует, но только из этого элемента в списке

Question

Jquery, изменить границу, если div присутствует, но только из этого элемента в списке

0

У меня есть список таких элементов:

<div class="wine"> <H1>Title</H1> <div class="promotion"></div></div>
<div class="wine"> <H1>Title</H1> </div></div>
<div class="wine"> <H1>Title</H1> </div></div>
<div class="wine"> <H1>Title</H1> <div class="promotion"></div></div>

Когда в винный дайвер существует div.promotion, я хочу дать классу вина красную границу. Но только для этого элемента, конечно, не для всех классов вина.

У кого-нибудь есть идея?

user1359023 16 апр. 2014, в 18:15

Источник

1

У вас есть дополнительные </div> в ваших средних двух </div> .
j08691 16 апр. 2014, в 16:03

Теги:

javascript

jquery

html

css

4 ответа

2

Вы можете использовать селектор .parent(), чтобы сделать это следующим образом:

$('.promotion').parent('.wine').css('border', 'red 1px solid');

Вот скрипка, показывающая это: http://jsfiddle.net/33Ugf/

Dryden Long 16 апр. 2014, в 14:15

1

Обратите внимание, что вам нужно удалить лишний закрывающий </div> после второго и третьего <div class="wine"> чтобы сделать вашу HTML-разметку правильной.

После этого вы можете использовать .closest():

$('.promotion').closest('.wine').css('border','1px solid red');

Демо-версия скрипта

Felix 16 апр. 2014, в 13:03

0

$('.wine:has(div.promotion)').css('border','1px solid red')

Пример jsFiddle

j08691 16 апр. 2014, в 13:09

Ещё вопросы

У вас есть дополнительные </div> в ваших средних двух </div> .

Adil · Accepted Answer · 2014-04-16T13-57-00.000Z

Вы можете использовать метод.has() на .wine чтобы проверить, есть ли у него .promotion

Демо-версия

$('.wine').has('.promotion').css('border', 'red 1px solid');