jquery - 如何从跨度中获取价值，但其中没有子元素

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