3

Как скриптом проверить, если у <li> есть див sub то <li> присвоить класс parent?

<ul class="nav">
<li><a style="background-image:url(assets/images/ico-buket.png)"> Букеты</a>
   <div class="sub">
      <a href="roznichnyij-magazin/mini-sadyi/rozyi-poshtuchno"> Розы поштучно</a>
      <a href="roznichnyij-magazin/mini-sadyi/buketyi-iz-roz"> Букеты из роз</a>
   </div>
</li>
<li><a style="background-image:url(assets/images/ico-autor.png)"> Авторские букеты</a></li>
<li><a style="background-image:url(assets/images/ico-rose.png)"> Розы</a></li>
</ul>

1 ответ 1

3

$("li").each(function() {
  if ($(this).find("div.sub").length) {
    $(this).addClass("parent");
  }
});
.parent, .parent a {
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav">
  <li><a style="background-image:url(assets/images/ico-buket.png)"> Букеты</a>
    <div class="sub">
      <a href="roznichnyij-magazin/mini-sadyi/rozyi-poshtuchno"> Розы поштучно</a>
      <a href="roznichnyij-magazin/mini-sadyi/buketyi-iz-roz"> Букеты из роз</a>
    </div>
  </li>
  <li><a style="background-image:url(assets/images/ico-autor.png)"> Авторские букеты</a></li>
  <li><a style="background-image:url(assets/images/ico-rose.png)"> Розы</a></li>
</ul>

или

$("li:has(div.sub)").addClass("parent");
.parent, .parent a {
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="nav">
  <li><a style="background-image:url(assets/images/ico-buket.png)"> Букеты</a>
    <div class="sub">
      <a href="roznichnyij-magazin/mini-sadyi/rozyi-poshtuchno"> Розы поштучно</a>
      <a href="roznichnyij-magazin/mini-sadyi/buketyi-iz-roz"> Букеты из роз</a>
    </div>
  </li>
  <li><a style="background-image:url(assets/images/ico-autor.png)"> Авторские букеты</a></li>
  <li><a style="background-image:url(assets/images/ico-rose.png)"> Розы</a></li>
</ul>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.