在课程的最后一个div中选择文本

时间:2014-02-17 19:15:16

标签: javascript jquery

我有一些具有相同类的contenteditable div,div是动态创建的,所以我不知道有多少。

<div class="scale1" onclick="document.execCommand('selectAll',false,null)" contenteditable>0</div>
<div class="scale1" onclick="document.execCommand('selectAll',false,null)" contenteditable>0</div>
<div class="scale1" onclick="document.execCommand('selectAll',false,null)" contenteditable>0</div>

我希望选择最后一个文本(如果你在文本上按住鼠标左键),只需按一个按钮
jquery中显而易见的方法:

 $(".scale1:last").click();

不起作用,选择孔页。
我也想过像Selection.selectAllChildren和Selection.addRange()这样的javascript方法,但我没有优雅的方式知道最后一个div

2 个答案:

答案 0 :(得分:1)

如何进行文字选择结帐here 要实现目标,请使用以下代码替换ID选择:

var query = document.querySelectorAll(".scale1"), 
    text = query[query.length-1];

答案 1 :(得分:1)

尝试:

$('.scale1:last').text()

$('.scale1').last().text()

即使是动态添加的元素,也可以工作。

DEMO