jquery - スパンから値を取得する方法、ただしその中に子要素はない

Question

スパンから1つの値のみを取得しようとしています。これは私のコードがどのように見えるかです：

HTML：

<span id="box1">
    value1
        <span class="box2">value2</span>
        <span class="box3">value3</span>
</span>

jQuery：

var str = $('#box1').text();
alert(str);

これは次を返します：

value1
    value2
    value3

「value1」を取得するにはどうすればよいですか？

Answer 1

あなたはこれを行うことができます ：

var text = $('#box1').clone().children().remove().end().text();

Answer 2

<span>その周りにそれ自身を置きなさい。

<span id="box1">
    <span id="span1">value1</span>
        <span class="box2">value2</span>
        <span class="box3">value3</span>
</span>

次に、これを行います

var str = $('#span1').text();