Javascript 使用jquery隐藏HTML

我在这样一个页面上编写了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>

主页/
/ 

我只想隐藏第一行的“Home/”文本，该行有空链接。这个问题是文本没有包装在链接中，而是纯文本

但是我想让包含链接的第二行保持可见

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

/

试试这个：

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

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

请执行以下操作：

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

您可以在此处看到结果：

您可以获得。。然后使用获取不需要的文本部分

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

如果要在文本之前删除锚定，只需更改起始索引即可

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

---

这是一个肮脏的解决方案

 $( '.breadcrumb' ).html( $( '.breadcrumb' ).html().replace( /[^\n]*><\/a>[^\n]*\n/, '' ) );

$（'.breadcrumb'）.html（$（'.breadcrumb'）.html（）.replace（/[^\n]*>[^\n]*\n/，''）；

如果要对DOM节点执行此操作，必须使用

$（'.breadcrumb'）.contents（）

尝试以下操作：

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

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

$（文档）.ready（函数（）{
变量newCont=$（''）
$（'.breadcrumb a'）。每个（函数（）{
$（newCont.append（$（this.html（））
})
$（'.breadcrumb'）.html（newCont）
})​

---

jshiddle:

漂亮。这就是我需要的$（'span.breadcrumb'）.contents（）.slice（1,2.remove（）；