如何使用jquery从用户选择的文本中获取id？

Question

例如：

<span id=1>this is my </span><span id=2>selected text</span><span id=3> but this is not selected</span>

我想用jquery来捕获用户选择的文本的span id列表。

在这个例子中我想要：[1,2]

感谢

Answer 1

$(window.getSelection().getRangeAt(0).cloneContents()).children("span")会为您提供所选的跨度。对于这种情况，MDC docs始终是一个很好的起点。

Answer 2

var delimitedList = '';
$('pre span').each(function() {
    delimitedList += $(this).attr('id') + ',';
});

//Remove last comma
delimitedList = delimitedList.substring(0, delimitedList.length - 1)

Answer 3

也许您可以在应该选择的跨度中添加一个类，如此 -

<span id="1" class="selected">this is my </span><span id="2" class="selected">selected text</span><span id=3> but this is not selected</span>

然后使用以下jQuery -

var selectedByUser = $("span.selected");