seleccionar texto jquery

[jp_developer]

hola bueno estoy haciendo un código en jquery que implica tener un texto seleccionado.
ya obtuve el texto y lo muestro en un alert pero si no selecciono nada igual muestra el alert vació, no se si me explico, bueno aquí el código que tengo.

Código Javascript:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).on('ready',function(){
 
  $('#botones a').click(function(){
       alert(document.getSelection());
  });
 
});
</script>
 
<div id="botones"><a href="#">mostrar texto seleccionado</a></div>
 
<div id="contenido" contenteditable="true">
    <p>contenido del div</p>
</div>
 

bueno como ven, con la función document.getSelection() me muestra lo que selecciono con el mouse del div contenido, al hacer click en el link.
pero si no he seleccionado nada, igual me lo muestra.

quiero hacer algo asi:

Código Javascript:

<script>
$(document).on('ready',function(){
 
  $('#botones a').click(function(){
      
      if(ha seleccionado algo?){
           alert(document.getSelection());
       }else{
           no mostrar nada
       }
  });
 
});
</script>
 

he probado poniendo if(document.getSelection()=="") y no funciona, tal vez usando el typeof pero tampoco.

agradecería mucho alguna ayuda, o alguna pag o libro que me recomienden donde salga todo sobre jquery

gracias

[Alexis88]

Primero, necesitas convertir la selección a cadena y luego, ya podrá averiguar la cantidad de caracteres que contiene.

Código Javascript:

$('#botones a').click(function(){
  var seleccion = document.getSelection();
  if(seleccion.toString().length)
    alert(seleccion);
});
 

Tomo la selección que se haya realizado en el documento, la convierto a cadena con el método toString, con el método length, obtengo la longitud de la selección y luego, si dicha extensión existe, es decir, si es mayor a cero, se muestra el mensaje de alerta con la selección realizada.

Saludos

[jp_developer]

gracias ya me funciono bien,
ahora otra pregunta solo si tienes alguna idea siguiendo con el mismo tema. tengo un texto dentro de un div y lo selecciono, luego obtengo la posición del texto seleccionado. con el codigo siguiente.

Código Javascript:

<script>
var start_select=document.getSelection().getRangeAt(0).startOffset;
</script>
 
<div id="contenido">
   <p>contenido del div</p>
</div>
 

ahora por ejemplo selecciono "del", este código me devolverá 9 ya que empieza a contar desde el inicio del texto (contenido) y yo quiero que igual me incluya el <p>, osea que no solo me de la posiciones contando desde el texto, sino también contando las etiquetas html que estan dentro de este div.

[jp_developer]

Iniciado por Alexis88

Primero, necesitas convertir la selección a cadena y luego, ya podrá averiguar la cantidad de caracteres que contiene.

Código Javascript:

$('#botones a').click(function(){
  var seleccion = document.getSelection();
  if(seleccion.toString().length)
    alert(seleccion);
});
 

Tomo la selección que se haya realizado en el documento, la convierto a cadena con el método [URL="https://developer.mozilla.org/es/docs/Referencia_de_JavaScript_1.5/Objetos_globales/Object/toString"][COLOR="Blue"][B]toString[/B][/COLOR][/URL], con el método [URL="https://developer.mozilla.org/es/docs/Referencia_de_JavaScript_1.5/Objetos_globales/String/length"][COLOR="blue"][B]length[/B][/COLOR][/URL], obtengo la longitud de la selección y luego, si dicha extensión existe, es decir, si es mayor a cero, se muestra el mensaje de alerta con la selección realizada.

Saludos

gracias ya me funciono bien,
ahora otra pregunta solo si tienes alguna idea siguiendo con el mismo tema. tengo un texto dentro de un div y lo selecciono, luego obtengo la posición del texto seleccionado. con el codigo siguiente.

Código Javascript:

<script>
var start_select=document.getSelection().getRangeAt(0).startOffset;
</script>
 
<div id="contenido">
   <p>contenido del div</p>
</div>
 

ahora por ejemplo selecciono "del", este código me devolverá 9 ya que empieza a contar desde el inicio del texto (contenido) y yo quiero que igual me incluya el <p>, osea que no solo me de la posiciones contando desde el texto, sino también contando las etiquetas html que estan dentro de este div.