0

次のコードを使用して、Wordpress のレスポンシブ テーマの標準ナビゲーションを選択メニューに変換しています。

jQuery(document).ready(function ($) {
    $("<select />").appendTo("nav");

    $("<option />", {
        "selected": "selected",
        "value": "",
        "text": "Go to..."
    }).appendTo("nav select");

    $("nav a").each(function () {
        var el = $(this);
        $("<option />", {
            "value": el.attr("href"),
            "text": el.text()
        }).appendTo("nav select");
    });

    $("nav select").change(function () {
        window.location = $(this).find("option:selected").val();
    });

    $('#navigasi_menu_reseponsive').remove();
});

上記のコードですべて正常に動作します。ただし、サブメニューを操作するための条件を追加する方法を考えています。たとえば、WordPress ナビゲーションが作成するデフォルトの html は次のとおりです。

<nav>
    <div id="navigasi_menu_reseponsive">
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-500">
            <a href="http://localhost/themes123/category/portfolio/">Custom Color</a>
        </li>
        <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-349">
            <a href="#">Category</a>
            <ul class="sub-menu">
                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-246">
                    <a href="http://localhost/themes123/category/interior/">Interior</a>
                </li>
                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-548">
                    <a href="http://localhost/themes123/category/portfolio/">Portfolio</a>
                </li>
                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-245">
                    <a href="http://localhost/themes123/category/lifestyle/">Lifestyle</a>
                </li>
                <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-367">
                    <a href="http://localhost/themes123/category/examples/">Examples</a>
                </li>
            </ul>
        </li>
    </div>
</nav>

私がしたいのは、サブメニューのクラスを持つ各 ul の先頭に「-」を追加して、リストが次のようになるようにすることです。

に行く...

カテゴリ (これが親になります)

-- 内部 (これは '-' を持つ子になります)

-- ポートフォリオ (これは '-' を持つ子になります)

-- ライフスタイル

-- 例

等...

誰か助けてくれませんか？ありがとう

4

3 に答える 3

0

デモ

$('.sub-menu li').prepend('--');

アップデート

デモ

$('.sub-menu li a').prepend('--')
于 2013-08-27T15:53:52.220 に答える