Как добавить диапазон в родительское меню

Question

Как добавить диапазон в родительское меню

0

как я могу добавить диапазон, который имеет изображение стрелки для ul.menu li, которые имеют дочерние элементы (ul.sub-menu li).

HTML

<ul class="menu">
    <li><a href="#">hhh</a></li>
    <li><a href="#">hhh</a>
        <ul class="submenu">
            <li><a href="#">kkk</a></li>
            <li><a href="#">kkk</a></li>
            <li><a href="#">kkk</a></li>
        </ul>
    </li>
    <li><a href="#">hhh</a></li>
</ul>

как это сделать с помощью jquery или css

k300 23 окт. 2013, в 07:02

Источник

3

Я не вижу кода JS, добавьте код, который вы пробовали до сих пор.
Praveen 23 окт. 2013, в 04:37

Теги:

javascript

jquery

html

css

4 ответа

Ещё вопросы

Я не вижу кода JS, добавьте код, который вы пробовали до сих пор.

Simon M · Answer 1 · 2013-10-23T02-32-00.000Z

Этот код jQuery должен работать:

$(".submenu").parent().append("<span class='arrow'></span>");

Ishan Jain · Answer 2 · 2013-10-23T02-04-00.000Z

Существует нет надлежащего способа, чтобы дать вам идеальный ответ, потому что вы не предоставляете полный код (JS, HTML).

Но в качестве вашего требования: если вы хотите добавить диапазон в родительское меню -

Сначала вам нужно выбрать родительский элемент, для этого вы можете использовать .parent() jquery.

Селектор JQuery.parent(): - Получить родительский элемент каждого элемента в текущем наборе согласованных элементов, необязательно отфильтрованный селектором.

Здесь полная документация jquery.Parent()

И второе:

use .append() - для добавления элемента в конец выбранного элемента

$(".submenu").parent().append("<span class='arrow'></span>");

use .prepend() - для добавления элемента к началу выбранного элемента

$(".submenu").parent().prepend("<span class='arrow'></span>");

+1, приятное расширение моего ответа :)

Monicka Akilan · Answer 3 · 2013-10-23T03-37-00.000Z

Используйте это, если хотите добавить класс в тег ul вместе с меню

$(".submenu").parent().parent().append("<span class='arrow'></span>");

Rohan Kumar · Answer 4 · 2013-10-23T01-48-00.000Z

Попробуй это,

$("ul.submenu").closest('li').children('a').append("<span> ▼</span>");

демонстрация