链接后删除内容

Question

我有这段代码：

<span>
   <a href="#">Hello world</a>
   »
</span>

我希望在链接后删除»。

我试试这个，但它不起作用。

jQuery(function ($) {

   $('span a').nextAll('»').remove();

});

感谢您的帮助！

Answer 1

在文本节点的帮助下试试这个Demo。

$("span").contents().filter(function () 
    {
       return this.nodeType != 1;
    })
.remove();

Answer 2

删除该范围的最后一个子项

的一个解决方案

$('span').contents().last().remove()

＆＃13;

＆＃13;

jQuery(function($) {
  $('button').click(function(){
    $('span').contents().last().remove();
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Remove</button>
<span>
   <a href="#">Hello world</a>
   »
</span>

＆＃13;

＆＃13;

＆＃13;

删除a

的下一个兄弟

$($('span a')[0].nextSibling).remove()

Answer 3

您可以尝试使用css： Demo

<span>
   <a href="#">Hello world</a>
    <span> » </span>
</span>

CSS：

span>span{
   display:none;

}