jQuery Accordion 仅在有子项时添加箭头

Question

我正在尝试向 Accordion 主标题链接添加箭头(如果它有子项)，否则它将是一个用于导航 url 的链接本身。

我正在关注本教程 http://www.designchemical.com/lab/jquery/demo/jquery_vertical_accordion_menu_using_cookies.htm

代码如下

<ul id="nav">
    <li><a href="#">Item 1</a>
        <ul>
            <li><a href="#">Sub-Item 1 a</a></li>
            <li><a href="#">Sub-Item 1 b</a></li>
            <li><a href="#">Sub-Item 1 c</a></li>
        </ul>
    </li>
    <li><a href="http:actualurl">Item 2</a></li>
    <li><a href="#">Item 3</a>
        <ul>
            <li><a href="#">Sub-Item 3 a</a></li>
            <li><a href="#">Sub-Item 3 b</a></li>
            <li><a href="#">Sub-Item 3 c</a></li>
            <li><a href="#">Sub-Item 3 d</a></li>
        </ul>
    </li>
    <li><a href="http:actualurl">Item 4</a></li>
</ul>

我使用 jQuery，与 Wordpress 没有冲突

jQuery(document).ready(function () {

    var checkCookie = jQuery.cookie("nav-item");

    if (checkCookie != "") {

        jQuery('#nav > li > a:eq('+checkCookie+')').addClass('active').next().show();

    }
    jQuery('#nav > li > a').click(function(){

        var navIndex = jQuery('#nav > li > a').index(this);

        jQuery.cookie("nav-item", navIndex);
        jQuery('#nav li ul').slideUp();

        if (jQuery(this).next().is(":visible")){

            jQuery(this).next().slideUp();

        } else {

            jQuery(this).next().slideToggle();

        }

        jQuery('#nav li a').removeClass('active');
        jQuery(this).addClass('active');

    });

});

Answer 1

将其添加到您准备好的函数中

jQuery('#nav > li').each(function(){
    if (jQuery(this).find('ul').length > 0)
    {
        //item has children; do whatever you want
        jQuery(this).prepend('<img src="path/to/iamge.png" />');
    }

});

这是一个演示 http://jsfiddle.net/qPfhG/4/