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

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>