如何通過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());