jquery - 选择没有孩子

Question

给出html：

<div>
    <span class="a">a
      <span class="b">b</span>
    </span>
<div>

是否可以只选择第一个跨度而不是它的孩子？

调用$('div span.a').text()打印子节点中的'b'以及'a'

Answer 1

你可能会更好地编写更好的结构化HTML：

<div>
    <span class="c">
      <span class="a">a</span>
      <span class="b">b</span>
    </span>
</div>

但你可以这样做：

var text = $('div span.a').clone().find('*').remove().end().text();

Answer 2

var span1 = $("span.a").clone();
$(span1).children().remove();
var text = $(span1).text();