0

Tengo este html:

function() {
  var resultado;

  var a = $('div p').click(function(data) {

    var i = $(this).prev().prev().before($('span')).text();
    resultado = i;

  });

  return resultado;

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card">
  <p class="subscription-header" style="font-size: 0.9em"><img src="/micuentamovil/appicon/219/46" /><a href="url">Text1</a><br /><span style="position: relative; top: -5px; font-size: 0.9em">Description</span>
  </p>
  <p class="banner"><img src="/url" />
  </p>
  <p class="link"><a href="url">Text2 >></a>
  </p>
  <p class="divider"></p>
  <p class="actionlink-double">
    <a href="url">option1</a>
    <a href="url">option2</a>
  </p>
</div>

Me gustaría devolver en un return Text1 cuando he hecho click en Text2. Estoy intentando esto pero no funciona:

Añadido

Perdonar por el retraso, efectivamente, lo que estoy buscando es cuando pulsas en Text2 >> devolver en una variable el valor del texto de Text1, es decir en este caso Text1.. siento no haber sido claro. Hasta ahora consigo que en console.log o una alert aparece el texto pero no consigo devolverlo en el return de la funcion global

4
  • ¿devolver que de text1? ¿el html de la url? ¿la imagen de arriba? ¿el texto? Tienes muchisimos fallos en las etiquetas. Dale una vuelta y mirate Cómo preguntar
    – GDP
    Commented el 3 oct. 2017 a las 13:39
  • El Texto, gracias
    – Luis
    Commented el 3 oct. 2017 a las 13:40
  • ¿para que son las option?¿Entonces clicar el link donde pone texto dos te hara una alerta por ejemplo de la "description"?
    – GDP
    Commented el 3 oct. 2017 a las 13:42
  • @Luis un saludo, por favor usa la opción editar para agregar actualizaciones a tu pregunta. Es importante realices el recorrido de bienvenida para conocer el funcionamiento básico del sitio y además obtienes tu primera medalla. Además es muy importante revisar Cómo preguntar que te brinda información para realizar una buena pregunta, esta sea bien recibida en la comunidad y de esta forma obtengas buenas respuestas, saludos y suerte!.
    – Jorgesys
    Commented el 3 oct. 2017 a las 16:28

2 respuestas 2

0

Solo identifica las posiciones de los enlaces, el link a actuar está dentro del contenedor .link y el link a extraer el texto dentro de .subscription-header. Por último, evita que se realice la acción por defecto en cuanto se haga click en el link (redirección) deteniendo esta acción por medio de preventDefault.

Ejemplo

var text = '';
$('.link a').on('click', function(e) {
  e.preventDefault(); // si no pones esto te redirige
  text = $('.subscription-header a').text();
  // ahora ya puedes usar text en otro lado
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card">
  <p class="subscription-header" style="font-size: 0.9em"><img src="/micuentamovil/appicon/219/46" /><a href="url">Text1</a><br /><span style="position: relative; top: -5px; font-size: 0.9em">Description</span>
  </p>
  <p class="banner"><img src="/url" />
  </p>
  <p class="link"><a href="url">Text2 >></a>
  </p>
  <p class="divider"></p>
  <p class="actionlink-double">
    <a href="url">option1</a>
    <a href="url">option2</a>
  </p>
</div>

13
  • Muchas gracias por tu ayuda pero mi pregunta es porque el return de esa funcion siempre es indefinido aun declarando la variable como global:
    – Luis
    Commented el 3 oct. 2017 a las 15:05
  • function() { $('.link a').on('click', function(e) { e.preventDefault(); // var text = $('.subscription-header a').text(); console.log(text); }); return text; }
    – Luis
    Commented el 3 oct. 2017 a las 15:05
  • Es normal que suceda, es un concepto clave llamado asincronía. Los callbacks no se ejecutan secuencialmente con el resto del código, si no en paralelo. Esto causa que cuando se lea el return el callback recién se esté ejecutando.
    – gugadev
    Commented el 3 oct. 2017 a las 15:07
  • Y no hay forma entonces de devolver el valor en el return que es el objetivo inicial..gracias
    – Luis
    Commented el 3 oct. 2017 a las 15:09
  • @Luis No tienes por qué devolverlo, ese es el punto. Estás dentro de un evento, si retornas ese valor no habrá ninguna variable declarada por ti que reciba ese valor a retornar. Lo correcto es asignar el valor dentro del listener; si quieres puedes agregar más listeners que se ejecutarán secuencialmente.
    – gugadev
    Commented el 3 oct. 2017 a las 15:12
0

Para selecionar uno puedes usar los selectores :odd, :even, :fisrt, aqui mas ejemplos todo dependera de lo que queires lograr

function myFunction() {
     var text = $('.subscription-header a:first').text();
  return text;
}

$('.link a').on('click', function(e) {
 alert(myFunction());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="card">
  <p class="subscription-header" style="font-size: 0.9em"><img src="/micuentamovil/appicon/219/46" /><a href="url">Text1</a><br /><span style="position: relative; top: -5px; font-size: 0.9em">Description</span>
  </p>
    <p class="subscription-header" style="font-size: 0.9em"><img src="/micuentamovil/appicon/219/46" /><a href="url">Text1</a><br /><span style="position: relative; top: -5px; font-size: 0.9em">Description</span>
  </p>
    <p class="subscription-header" style="font-size: 0.9em"><img src="/micuentamovil/appicon/219/46" /><a href="url">Text1</a><br /><span style="position: relative; top: -5px; font-size: 0.9em">Description</span>
  </p>
  <p class="banner"><img src="/url" />
  </p>
  <p class="link"><a href="#">Text2 >></a>
  </p>
  <p class="divider"></p>
  <p class="actionlink-double">
    <a href="url">option1</a>
    <a href="url">option2</a>
  </p>
</div>

11
  • Lo que el SO esta pidiendo a lo que yo entiendo es que cuando clicas text2 devuelva el description bajo el text1. Pero creo que deberiamos esperar a mas información. Yo llevo una hora con código preparado a ver que dice.
    – GDP
    Commented el 3 oct. 2017 a las 14:27
  • Perdonar por el retraso, efectivamente, lo que estoy buscando es cuando pulsas en <p class="link"><a href="url">Text2 >></a></p> devolver en una variable el valor del texto de <a href="url">Text1</a>, es decir en este caso Text1.. siento no haber sido claro. Hasta ahora consigo que en console.log o una alert aparece el texto pero no consigo devolverlo en el return de la funcion global
    – Luis
    Commented el 3 oct. 2017 a las 14:37
  • Hice otro ejemplo por si es eso lo que buscas
    – Alvarez
    Commented el 3 oct. 2017 a las 16:04
  • Hola Luis, donde esta el ejemplo que hiciste que no logro verlo
    – Luis
    Commented el 3 oct. 2017 a las 16:23
  • Este que estas comentando
    – Alvarez
    Commented el 3 oct. 2017 a las 16:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.