Добавить HTML, если у родителя есть ребенок

0

Поэтому у меня есть выпадающее меню, и я хочу добавить некоторый HTML в один из

если в нем есть выпадающий список.

Например:

<ul>
    <li>No Dropdown</li>
    <li>Dropdown Exists ** APPEND SOME HTML **
        <ul>
            <li>This</li>
        </ul>
    </li>
</ul>

Поэтому я знаю, что могу использовать этот код:

if ($('ul li').find("ul").length) {

}

Это позволит мне узнать, есть ли в элементе списка sub ul. Но как я могу настроить таргетинг на этот конкретный элемент списка, чтобы добавить в него HTML. Я не могу использовать следующее по очевидным причинам:

if ($('nav ul li').find("ul").length) {
$(this).*appendsomehtml*    
}
  • 1
    Почему бы просто не использовать $('ul li ul').append(..); ?
  • 0
    Успешно справился. Я пытался сделать это слишком сложным!
Теги:
append
children

2 ответа

1

Благодаря Джошу:

$('nav ul li ul').parent().children('a').append('<i class="fa fa-caret-down"></i>');
1
    $('ul li').find('ul').each(function(){
      $(this).append("Html code");
    )};

Я думаю, что это то, что вы ищете ^^

Ещё вопросы

Сообщество Overcoder
Наверх
Меню