如何從用戶選擇的文本與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用戶選擇的文本的跨度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");