How to get id from user selected text with jquery?

Question

For example :

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

I want to catch the list of span id of the text selected by user with jquery.

In this example i want : [1,2]

thanks

Question based on supplied code doesn't make sense. You have 3 sibling spans, but you want the IDs of the first two when one of them is selected?? Does not compute.. — Kon, May 13 '11 at 16:17

score 1 · Accepted Answer · answered May 13 '11 at 16:26

1

$(window.getSelection().getRangeAt(0).cloneContents()).children("span") will get you the selected spans. The MDC docs are always a good place to start for this kind of this.

answered May 13 '11 at 16:26

kͩeͣmͮpͥ ͩ

7,783
26
40

BTW - you might want to read this thread: http://stackoverflow.com/questions/361130/get-selected-text-and-selected-nodes-on-a-page/364476#364476 – kͩeͣmͮpͥ ͩ May 16 '11 at 09:03

score 0 · Answer 2 · answered May 13 '11 at 16:19

0

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

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

answered May 13 '11 at 16:19

Dustin Laine

37,935
10
86
125

score 0 · Answer 3 · answered May 13 '11 at 16:20

Maybe you can add a class to the spans that are supposed to be selected, like so -

<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>

And then use following jQuery -

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

How to get id from user selected text with jquery?

3 Answers3