使用 jQuery 在面包屑导航中隐藏网站集答案

【问题标题】：Hidding Site Collection in breadcrumb navigation using jQuery使用 jQuery 在面包屑导航中隐藏网站集
【发布时间】：2014-12-22 11:21:51
【问题描述】：

我的共享点网站门户上有垂直面包屑导航。该站点是完全自定义的，并使用自定义母版页。我已经向站点添加了自定义面包屑，但是它显示“站点集合”作为根节点。

像这样 Site Collection > Home > Calendar > Events

注意：网站集重定向到与主页相同的页面。

这是我到目前为止尝试过的，但它隐藏了“网站集”，但它之前显示了一张图片。

    <style>
    .bc-root {
        display: none;
    }
</style>

   $(document).ready(function () {
        var rootNode = $("span[id$=ctl00_navig] > span:eq(0)");
        if (rootNode.attr("class") == "bc-root") {
            rootNode.hide();
            $(rootNode).next("span").css('display', 'none');
        }
    });
</script>

    <div id="breadcrumb" style="width: 1000px; margin: 0 auto">
        <span id="ctl00_navig"><a href="#ctl00_navig_SkipLink">
            <img alt="Skip Navigation Links" width="0" height="0" style="border-width: 0px;"></a>
            <span><a title="Home" class="bc-root" href="default.aspx">site collections</a></span>
            <span><img id="ctl00_navig_ctl01_Image1" src="breadcrumb_line.png"></span>
            <span>Home</span><a id="ctl00_navig_SkipLink"></a>
        </span>
    </div>

【问题讨论】：

使用 .bc-root 类不显示：jsfiddle.net/fg17qj66
是的，但我也在尝试使用 jquery 函数隐藏到图像之前

标签： jquery sharepoint-2013 master-pages breadcrumbs

【解决方案1】：

$(function() {
    $('.bc-root').hide().parent().parent().find('img[src="breadcrumb_line.png"]:first').parent().hide();
});

http://jsfiddle.net/93c85vna/1/

试试看

【讨论】：