2

Mi problema es que quiero sacar el texto que tiene dentro de un <li> cada vez que lo hacemos click.

$("#lista").click(function (event) {
   alert($("#lista li").html());
})
<!-- jQuery  -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- HTML -->
<div class="container" id="pagination_list">
    <ul class="pagination" id="lista">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

Cuando lo ejecuto me muestra el primer elemento y no sobre el que hacemos click.

2 respuestas 2

3

Para eso tienes que usar .text():

 $("#lista li").click(function (event) {
    console.log($(this).text());
 });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="pagination" id="lista">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

0

Hay que tener cuidado con la función jQuery#text porque no solo extrae el texto del elemento, si no también los de sus nodos hijos.

Una forma sencilla de obtener el texto solo del elemento padre es primero clonando el elemento, luego eliminar los hijos y posteriormente, obtener el texto del elemento padre.

$("#lista li").clone().children().remove().end().text();

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.