Question

I’ve looked around for a while, but there doesn’t seem to be a simple way to do this. jQuery doesn’t help the in least, it seems to entirely lack any support for selection or DOM ranges. Something which I hoped would be as simple as $.selection.filter('img') seems to only be doable with dozens of lines of code dealing with manually enumerating elements in ranges and browser implementation inconsistencies (though ierange helps here). Any other shortcuts?

Answer 1

var fragment = getSelection().getRangeAt(0).extractContents();

The nodes in the selection will be removed and returned in a DocumentFragment, and you can now access the childNodes of fragment just like you would any element.