Obtiene el elemento padre de un texto seleccionado

¿Es posible obtener el elemento padre de un texto seleccionado en la página? Por ejemplo:Obtiene el elemento padre de un texto seleccionado

<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>

Debido al conseguir el texto seleccionado, normalmente se obtiene de la ventana o el documento (en función del navegador), pero es lo que sea posible para obtener el elemento principal del texto seleccionado?

Fuente

2011-08-27 MacMac

¿Puede expresarlo de otro modo. No puedo tener acceso a lo que necesitas. – Sgoettschkes

Si desea obtener el separador div cuando se selecciona el texto dentro de spanparent, puede usar $ ('span.spanparent'). Select (función() {$ (esto) .parent(); ...}); – Sgoettschkes

@Boo: Esa debería ser una respuesta :) –

Esta es una función que le proporcionará el elemento más interno que contiene toda la selección del usuario en todos los navegadores principales (excepto cuando se seleccionan múltiples rangos, que solo es compatible con Firefox. Si esto es importante, puedo expandir ejemplo para hacer frente a ese caso también):

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; 
}

Fuente

2011-08-27 16:05:11

¿SUPONGO QUE SELECCIONE EL TEXTO DEL NODO DIFERENTE DE CÓMO RECIBIR A TODOS LOS PADRES? – Ravi

Cómo obtener la identificación del elemento primario si el elemento tiene una extensión de – Ravi

solo para completar la respuesta, 'parentEl.tagName' proporciona la etiqueta adjunta. –

me gustaría sugerir a utilizar este

window.getSelection().anchorNode.parentElement

he probado en OSX 10.9 Safari

Fuente

2014-10-10 21:49:41

-1, cuando realizo la selección, muchos nodos se pueden seleccionar juntos y anchorNode o focusNode cualquiera de ellos puede ser mayor en el árbol DOM (dependiendo de la dirección y longitud de selección). Uno debería obtener un padre que cubra tanto anchorNode como focusNode. –

Obtiene el elemento padre de un texto seleccionado

Respuesta

Cuestiones relacionadas