JQuery - выберите нет детей

Question

с учетом html:

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

Можно ли просто выбрать первый диапазон, а не его дочерние элементы?

При вызове $('div span.a').text() выводится «b» в дочернем узле кака 'а'

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();