检索级联元素中的文本

Question

<a href='#' class='lorem'>
  foo <div class='ipsum'>bar</div>
</a>

在此代码摘录中，我希望仅 foo。但如果我拨打$('.lorem').text()，我也会div.ipsum。 （我不想要它）

jQuery或Javascript，对我来说都可以。

Answer 1

您正试图获取锚点第一个孩子的文本

var text = $('.lorem').contents().first().text();
snippet.log('text: ' + text)

<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href='#' class='lorem'>
  foo <div class='ipsum'>bar</div>
</a>

Answer 2

使用跨度？

<a href='#' class='lorem'>
   <span>foo</span> <div class='ipsum'>bar</div>
</a>

然后：

$('.lorem span').text()