如何通过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

看起来要检索从button的text。 更新的选择看起来像：var lastli = $('#paginationIda li:last-child button').text();

如果你想把它当作一个数字，而不是字符串，则简单地使用 var lastli = Number($('#paginationIda li:last-child').text());

根据the documentationval()似乎并不适用于本案。

.val（）方法主要用于获取表单元素的值，如input，select和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>

Answer 2

你应该得到按钮上的文字，你可以使用find和text

替换VAL试试这个代码：

var lastli = $('#paginationIda li:last-child').find("button").text(); 

结果：https://jsfiddle.net/8adjy67y/

Answer 3

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

将返回一个字符串值。 3在这种情况下。 如果你想它作为一个号码使用：

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