Как я могу доставать текст внутри <il>, его кликнув

Моя проблема состоит в том, что я хочу достать текст, который у него есть внутри одного <li> каждый раз, когда мы это кликаем.

$("#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>

Когда я это выполняю, он показывает мне первый элемент, и не на котором мы кликаем.

2
задан 22.01.2017, 22:10
0 ответов

Для этого ты должен использовать .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>
3
ответ дан 03.12.2019, 17:34

Нужно быть осторожно с функцией jQuery#text потому что он не только извлекает текст элемента, если не также те Ваших узлов дети.

Простой способ получать одинокий текст элемента отец - первый клонируя элемент, потом удалять дети и позже, получать текст элемента отец.

$("#lista li").clone().children().remove().end().text();
0
ответ дан 03.12.2019, 17:34