如何从跨度中获取价值，但其中没有子元素[重复]答案

【问题标题】：How to get value from span, but no child elements inside of it [duplicate]如何从跨度中获取价值，但其中没有子元素[重复]
【发布时间】：2013-02-11 01:15:57
【问题描述】：

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

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”？

【问题讨论】：

不完全是重复的，因为它要求不更改 HTML。不知道这是否重要。

标签： jquery html

【解决方案1】：

你可以这样做：

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

【讨论】：

谢谢。很奇怪的一行，但我的代码也很奇怪。
@user2035638 如果答案有帮助，请不要忘记检查绿色勾号以将其标记为已接受；）
"你可以在 2 分钟内接受答案" 我确实每分钟都在点击它，还不让我标记它！ :D

【解决方案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();

【讨论】：

是的，但我真的无法更改我的代码，所以这行不通。谢谢你的帮助！