删除锚标记中的文本

Question

我的代码在这里：

<a href="#"><i class="flaticon-basket9"></i> addtobasket</a>

我想删除“addtobasket”文本。

尝试使用jquery代码：

$(function(){
    $('a').text(' ');
    })

但该代码也删除了<i>标记。只想删除文字。

“addtobasket”文本可能会发生变化而且不会持续

Answer 1

您需要迭代锚点内的节点，检查匹配的文本节点：

$('a').contents().filter(function(){
   return this.nodeType === 3;
}).remove('');

<强> jsFiddle example

Answer 2

使用：

$('a').contents().filter(function(){
   return this.nodeType === 3;
}).remove();

---

您也可以使用：

$('a i').prop('nextSibling').value = '';

Answer 3

尝试

$("a").html($('a').children());

Answer 4

$(document).ready(function() {
  console.log($('a>span').html());
  $('a>span').html('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<a href="#"><i class="flaticon-basket9"></i> <span>addtobasket</span></a>