javascript - jqueryでHTMLを隠す

Question

このようなページに html を書いていますが、それは制御できず、jquery を使用してしかアクセスできません。解決するにはあなたの助けが必要です。

<span class="breadcrumb">
<a href="http://www.example.com" class="breadcrumb"></a>Home / 
<a href="http://www.example.com" class="breadcrumb">Home</a> / 
</span>

空のリンクがある最初の行から「ホーム/」テキストのみを非表示にしたいと思います。この問題は、テキストがリンクで折り返されておらず、プレーン テキストであることです。

しかし、リンクを含む2行目を表示したままにしたい

<a href="http://www.example2.com" class="breadcrumb">Home</a> /

Answer 1

.contents( ) を取得してから、 .slice()を使用して不要なテキスト部分を取得できます

$('span.breadcrumb').contents().slice(2,3).remove();

http://jsfiddle.net/3gpgY/

テキストの前のアンカーも削除したい場合は、開始インデックスを変更するだけです

$('span.breadcrumb').contents().slice(1,3).remove();

http://jsfiddle.net/eK7F7/

Answer 2

これを試して：

$(document).ready(function() {
    var newCont = $('<span>')
    $('.breadcrumb a').each(function (){
        $(newCont).append($(this).html())
    })
    $('.breadcrumb').html(newCont)
})​

jsFiddle: http://jsfiddle.net/hA6gf/2/

Answer 3

以下をせよ ：

var content = $('.breadcrumb a').eq(1);
$('.breadcrumb').eq(0).html(content);

ここで結果を見ることができます: http://codepen.io/joe/pen/uoeIh

Answer 4

これを試して：

$(".breadcrumb a:nth-child(2)").prevAll().remove();