Поиск элементов в блоке

242
13 апреля 2018, 13:39

Как скриптом проверить, если у <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>
Answer 1

$("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>

READ ALSO
Easy Responsive Tabs не работает(JOOMLA)

Easy Responsive Tabs не работает(JOOMLA)

Получается так:

287
Нарисовать дерево из входных данных

Нарисовать дерево из входных данных

Помогите плиз, как отрисовать дерево от входных данных с json что б вышло что то подобное

216
Адаптивное меню бутстрап

Адаптивное меню бутстрап

Проблема вот в чем: В адаптивном меню вложенные ссылки открываются как в десктопе (скрины прикладываю как есть и как должнобыть)Подскажите...

215
Построчный перевод HTML в XML

Построчный перевод HTML в XML

Есть структура в HTML следующего вида:

180