Question

I’m creating word by word coloring tool.
Basically user can select few letters from the word and color them separated, so one word can have 2 or more colors.

to keep track of all the words, they all have id and i wanted to know how can i know what letters are selected and what are there word id for selected words, if user has selected multiple words, then i should get each word id with it.

here is demo: http://jsfiddle.net/FvnPS/29/

i can get the selection, but i don’t know how to find there id’s for selected words.

Answer 1

Get ID from your data-id attribute, tetx from text() method. Code is only for concept, not fully developed

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

EDIT: start/end ID’s

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/