javascript - 如何获取选定的文本 ID 并用 javascript 保持标签完整替换文本？

Question

我正在逐字创建着色工具。基本上用户可以从单词中选择几个字母并将它们分开着色，因此一个单词可以有 2 种或更多颜色。

为了跟踪所有单词，它们都有 ID，我想知道我怎么知道选择了哪些字母以及所选单词有哪些单词 ID，如果用户选择了多个单词，那么我应该得到每个用它来识别单词。

这是演示:http://jsfiddle.net/FvnPS/29/

我可以得到选择，但我不知道如何找到所选单词的 ID。

Answer 1

从您的 data-id 属性获取 ID，从 text() 方法获取 tetx。代码只是为了概念，没有完全开发

alert($(this).text() +' ID: '+$(this).data('id'));

编辑:开始/结束 ID

var id = {
    start: null,
    end: null
}


$('word').mouseup(function() {
    alert(getSelectedText() + ' End: ' + $(this).data('id') + ' Start: ' + id.start);
}).mousedown(function(evt) {
    id.start = $(evt.target).data('id')
});

http://jsfiddle.net/8Gqsu/2/