Question

我想删除面包屑的一些元素。 Essentialy ＆gt;页面＆gt;默认 使用jQuery删除网站上的那些内容的最佳方法是什么？

主页＆gt;议程＆gt;页面＆gt;默认

结果将是Home＆gt;议程

<div class="breadcrumb">    
<span id="ctl00_PlaceHolderTeqBreadcrumb_siteMapPath">
    <span><a href="/" class="ms-sitemapdirectional">Home</a></span>
    <span> &gt; </span>
    <span><a href="/Agenda" class="ms-sitemapdirectional">Agenda</a></span>
    <span> &gt; </span>
    <span><a href="/Agenda/_layouts/listform.aspx?ListId=%7BA82B0240%2D8259%2D4F79%2DA710%2D66E4BA436A53%7D&amp;PageType=0" class="ms-sitemapdirectional">Pages</a></span>
    <span> &gt; </span>
    <span><a href="/Agenda/Pages/default.aspx" class="current">default</a></span>
    </span>
</div>

主页＆gt;所有会议＆gt;页面＆gt;默认

结果将是Home＆gt;所有会议

<div class="breadcrumb">    
<span id="ctl00_PlaceHolderTeqBreadcrumb_siteMapPath"><span>
    <a href="/" class="ms-sitemapdirectional">Home</a></span>
    <span> &gt; </span>
    <span><a href="/AllMeetings" class="ms-sitemapdirectional">All Meetings</a></span>
    <span> &gt; </span>
    <span><a href="/AllMeetings/_layouts/listform.aspx?ListId=%7B9A69EF7E%2D31FF%2D49C7%2DA191%2D5CE2240E7ABC%7D&amp;PageType=0" class="ms-sitemapdirectional">Pages</a></span>
    <span> &gt; </span>
    <span><a href="/AllMeetings/Pages/default.aspx" class="current">default</a></span>
    </span>
</div>

在某些情况下我有

主页＆gt;所有会议＆gt;页面＆gt;功能会议

我想删除＆gt;网页

结果将是

Les Embiez 2012＆gt;所有会议＆gt;功能会议

<div class="breadcrumb">    
<span id="ctl00_PlaceHolderTeqBreadcrumb_siteMapPath">
    <span><a href="/" class="ms-sitemapdirectional">Home</a></span>
    <span> &gt; </span><span><a href="/AllMeetings" class="ms-sitemapdirectional">All Meetings</a></span>
    <span> &gt; </span><span><a href="/AllMeetings/_layouts/listform.aspx?ListId=%7B9A69EF7E%2D31FF%2D49C7%2DA191%2D5CE2240E7ABC%7D&amp;PageType=0" class="ms-sitemapdirectional">Pages</a></span>
    <span> &gt; </span>
    <span><a href="/AllMeetings/Pages/Functional%20Meetings.aspx" class="current">Functional Meetings</a></span>
    </span>
</div>

修改

我目前正在使用以下JQuery来实现这一目标：

var url = location.pathname;
        if (url.indexOf('/Pages/default.aspx') >= 0) {
            $(".breadcrumb span").slice(-4).remove()
        }
        else {
            $(".breadcrumb span a:contains('Pages'),.breadcrumb span a:contains('default')").remove();
            $(".breadcrumb span:contains('>')").last().remove();
        }

Answer 1

您可以在标识它的span标记中添加id或类吗？然后你可以使用

$('.spanBCPages').remove();
$('.spanBCDefault').remove();

或类似的

Answer 2

试试这个：

$("span a").filter(function(index) {
    return $(this).text() == "Pages";
}).parent().prev().nextAll("span").remove();

Answer 3

var url = location.pathname;
        if (url.indexOf('/Pages/default.aspx') >= 0) {
            $(".breadcrumb span").slice(-4).remove()
        }
        else {
            $(".breadcrumb span a:contains('Pages'),.breadcrumb span a:contains('default')").remove();
            $(".breadcrumb span:contains('>')").last().remove();
        }

Answer 4

看一下这个链接。它与标签类似

Remove a HTML tag but keep the innerHtml

jquery在breadcrumb中删除span

4 个答案: