Ottieni elementi HTML nel range

Question

Sto usando document.getSelection() per selezionare del testo. Vorrei sapere che tipo di elemento contiene l'intervallo selezionato (in particolare voglio vedere se si tratta di un tag di ancoraggio).

var selection = document.getSelection(); 
var range = selection.getRangeAt(0); 

Quindi posso ottenere l'intervallo, ma come posso sapere quale elemento è in tale intervallo? Felice di usare plain js o jQuery.

EDIT:

Ecco quello che mi si avvicinò con:

var updateLink = function(url) { 

    var selection = document.getSelection(); 
    var range = selection.getRangeAt(0); 
    if (range != 0) { 
     var containerElement = range.commonAncestorContainer; 
     if (containerElement.nodeType != 1) { 
      containerElement = containerElement.parentNode; 
      var e = $(containerElement); 
      e.attr('href', url); 
     } 

    } 

}//end 

Answer 1

Prova questo:

var obj = document.getSelection(); 
var parentNode = $(obj.anchorNode).parent(); 

Ecco jsfiddle

Answer 2

È possibile utilizzare cloneContents() metodo:

DEMO

$(document).mouseup(function(){ 
    var range = window.getSelection().getRangeAt(0), 
     selectionContents = range.cloneContents(); 

    alert($(selectionContents.childNodes).filter('a').length); 
});