jquery删除面包屑中的跨度

Question

我想删除面包屑的一些元素。 Essentialy >页面>默认 什么是最好的方式来删除那些与jQuery的网站？

首页>>页议程>默认

其结果将是首页>议程

<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> 

首页>所有会议>页面>默认

结果将是首页>所有会议

<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> 

，并在某些情况下，我有

首页>所有会议>页>功能会议

在这里我想删除>页面

其结果将是

的Les Embiez 2012 >所有会议>功能会议

<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

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 2

你可以添加一个id或class来标识它的跨度标签？ 然后你可以使用

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

或类似

Answer 3

试试这个：

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

Answer 4

看看这个链接。它与标签

Remove a HTML tag but keep the innerHtml