在列出元素之前删除纯文本

Question

我喜欢HTML。如何在列出a。

之前删除纯文本

<div class="listlink">This is plain text
    <a href="/search/label/blogger">blogger</a>
    <a href="/search/label/fashion news">Wordpress</a>
    <a href="/search/label/featured">Lifestyle</a>
    <a href="/search/label/slbfeatured">Google</a>
</div>

Answer 1

您可以使用 contents() 来获取所有子节点，包括textnode。然后使用 eq() 获取第一个节点，并使用 remove() 删除

$('.listlink').contents().eq(0).remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="listlink">This is plain text
  <a href="/search/label/blogger">blogger</a>
  <a href="/search/label/fashion news">fashion news</a>
  <a href="/search/label/featured">featured</a>
  <a href="/search/label/slbfeatured">slbfeatured</a>
</div>