Оберните внутренние теги привязки только родительского UL с помощью jquery - PullRequest
0 голосов
/ 06 октября 2011

У меня проблемы с поиском правильного селектора для вложенных UL.У меня есть следующий код:

<ul class="menu">
  <li><a href="">top link 1</a></li>
  <ul class="menu">
    <li><a href="">sub link 1</a></li>
    <li><a href="">sub link 2</a></li>
    <li><a href="">sub link 3/a></li>
  </ul></li>
  <li><a href="">top Link 2</a></li>
  <li><a href="">top Link 3</a></li>
</ul>

Эта система меню создана нашей CMS, поэтому я пытаюсь использовать jQuery, чтобы обернуть только внутренние якоря "верхней ссылки" с <strong><span>, чтобы добавить больше стилей.

Я пробовал несколько версий:

$('ul.menu:first li a').wrapInner('<strong><span>');

Но мне не повезло.Кажется, что обернуть все якоря внутри UL.Я уверен, что есть какой-то родительский / дочерний селектор, который мне нужно использовать, но я не уверен, какой именно.

1 Ответ

1 голос
/ 06 октября 2011

$('ul.menu:first>li a').wrapInner('<strong><span>');

Практика: Скрипка

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...