javascript - 如何通过jquery获取最后一个标签测试

Question

我想通过 JQuery 获取最后一个按钮文本。你可以看到我的html标签和js代码，我已经尝试过但没有结果。

HTML

<div id="pagedata">
   <ul id="paginationIda"  class="pagination">
        <li><button type="button" class="btn btn-default">1</button></li>
        <li><button type="button" class="btn btn-default">2</button></li>
        <li><button type="button" class="btn btn-default">3</button></li>
    </ul>
 </div> 

JS

 var lastli =   $('#paginationIda li:last-child').val();

Answer 1

您似乎想从按钮检索文本。 更新后的选择器如下所示: var laSTLi = $('#paginationIda li:last-child button').text();

如果您希望它作为数字而不是字符串，那么只需使用 var laSTLi = Number($('#paginationIda li:last-child').text());

根据the documentation val() 在这里似乎不合适。

The .val() method is primarily used to get the values of form elements such as input, select and textarea.

var lastli =   $('#paginationIda li:last-child button').text();
var lastli_asNo = Number($('#paginationIda li:last-child').text());
console.log(lastli);
console.log(lastli_asNo );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pagedata">
   <ul id="paginationIda"  class="pagination">
        <li><button type="button" class="btn btn-default">1</button></li>
        <li><button type="button" class="btn btn-default">2</button></li>
        <li><button type="button" class="btn btn-default">3</button></li>
    </ul>
 </div>