Question

按下按钮时，可编辑div的内容：

<div contenteditable="true" id="content">This is some sample text</div>

被发送到我的服务器，该服务器返回应突出显示的文本范围（如[4,12]）。有没有办法使用jQuery来定位该范围，以便我可以用span来捕获它。

Answer 1

我认为只有javascript子字符串应该足以分割你的文字，因为你已经有了范围。

Answer 2

使用子串函数，您可以执行所需的操作：

// Your range
var min = 8;
var max = 14;

var text = $.trim($('#content').text());
var text_begin = text.substring(0, min);
var text_highlight = text.substring(min, max);
var text_end = text.substring(max, text.lenght);

$('.result').html(text_begin + '<span style="background: yellow;">'+ text_highlight +'</span>' + text_end);

这是一个小提琴：http://jsfiddle.net/h7dC8/

使用jQuery在div中定位特定范围的文本

2 个答案: