Récupère l'élément parent d'un texte sélectionné

Est-il possible d'obtenir l'élément parent d'un texte sélectionné dans la page? Par exemple:

<div class="someparent">

Selection of this text should refer to the 'someparent' class.

<span class="spanparent">If this is selected, the parent should be this span</span>

</div>

Parce que lors de l'obtention le texte sélectionné, normalement, elle l'obtient à partir de la fenêtre ou sur le document (selon le navigateur) mais est-il possible d'obtenir l'élément parent du texte sélectionné?

source d'informationauteur MacMac

  1. 32

    Voici une fonction qui vous permet d'obtenir le plus profond de l'élément qui contient l'ensemble de la sélection de l'utilisateur dans tous les principaux navigateurs (sauf quand plusieurs plages sont sélectionnés, ce qui est pris en charge uniquement dans Firefox. Si c'est important, je peux développer l'exemple de traiter le cas aussi):

    function getSelectionParentElement() {
    var parentEl = null, sel;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.rangeCount) {
            parentEl = sel.getRangeAt(0).commonAncestorContainer;
            if (parentEl.nodeType != 1) {
                parentEl = parentEl.parentNode;
            }
        }
    } else if ( (sel = document.selection) && sel.type != "Control") {
        parentEl = sel.createRange().parentElement();
    }
    return parentEl;
}
  2. 6

    Je vous suggère d'utiliser cette

    window.getSelection().anchorNode.parentElement

    Je l'ai testé dans safari osx 10.9