代码之家 › 专栏 › 技术社区 › Bharat Patil

如何使用jQuery创建站点地图

breadcrumbs sitemap jquery javascript

Bharat Patil · 技术社区 · 14 年前

我有以下标记

<div id="mnuMain">
    <ul>
        <li><a href="#">Dashboard</a></li>
        <li><a href="#">Market Trends</a></li>
        <li><a href="#">Master</a>
            <ul>
                <li><a href="#">Products</a></li>
                <li><a href="#">Segments</a></li>
                <li><a href="#" >Companies</a></li>
            </ul>
        </li>
        <li><a href="#">Settings</a>
            <ul>
                <li><a href="#">Dashboard Settings</a></li>
            </ul>
        </li>
    </ul>
    <br style="clear: left" />
</div>

<div id="divNavigation" style="height:20px;width:100%;
background:gray;color:white">        
</div>

当我点击“特定”时,如何向上追踪父母 <a> 以便 divNavigation divNavigation公司 应该有 Master > Segments 与链接。

2 回复 | 直到 14 年前

Reigel Gallarde 14 年前

紧急代码

$(function() {
    $('#mnuMain ul li a').click(function() {

        var $li = $(this).parents('li');
        var container = $('#divNavigation').empty();

        $li.each(function(i) {
            if (i > 0) {
                $('<span>&gt;</span>').prependTo(container);
            }
            $(this).children('a:first').clone().prependTo(container);
        });

        return false;
    });
});â

demo

Sidharth Panwar 14 年前

$("#mya").parent() 用于访问直接父级。使用parents()访问所有祖先。这是如果你有身份证。如果你没有,那么你可能需要这样的东西:

$("a").each( var parent = $(this).parent(); <use parent to do stuff>);

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

2 年前

Community wiki · 无法从jquery文档调用函数

2 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前