如何从span获取值，但其中没有子元素

Question

我试图从我的跨度中只获得一个值。这就是我的代码的样子：

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