Javascript 查找在div中编辑的跨距

我写了一些HTML：

<div id="contentbox" contenteditable="true"><span value="1">Hello</span><span value="2">Stack</span><span value="3">over</span> flow</div>

---

我需要获取已在内容中编辑的span值。

您提供的代码存在一些问题

首先，您有一个语法错误，但我将在创建此帖子时将其归因于复制粘贴错误

您已将

contenteditable

属性放置在div包装器上-因此这将使文本的所有部分都可编辑

除此之外，您正在事件回调中引用

this

，但是

this

将引用

div

元素，而不是内部span。所以

您需要将回调中的代码更改为如下所示：

警报（$（this）.find（“span”）.attr（“value”））

Span元素没有值属性。。。您正在寻找

text（）

函数来提取元素的文本内容

警报（$（this）.find（“span”）.text（））

请注意，

#contentbox

中有多个span元素，因此文本值将是两个span的内容

---

-我使用了

console.log

，因为。。我真的不喜欢警报：P

你在这里真的没有问过问题。。。到底是什么问题？（语法错误除外）

$("#contentbox").live("keyup",function(event){alert(jQuery(this).attr('value'));}}});