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