jQuery drag to select, constrained to elements, rather than typical drag box

Question

I want to use a drag to select feature, but rather than select a square area on screen, and select anything within that square, I want to select any element between my initial choice and the one I release the click on.

This is best explained visually. I do not want to do this:

Instead I want to do this:

Answer 1

If your boxes are within a list structure (ul or ol) you could detect the first and last boxes that the mouse has been dragged over and iterate through the collection using their identifiers as first and last indices to highlight as necessary.