2013-05-25 34 views
0

我試圖從下面的標記中提取第二個整數。javascript或jquery從HTML標記中提取整數

<div class="orbit-slide-number"> 
    <span>1</span> 
    of 
    <span>3</span> 
</div> 

如果我嘗試$('.orbit-slide-number span:last-child')返回:<span>3</span>這是接近,我應該剝去跨度標籤和收工?用javascript沒那麼好。

(最終目標。我會取整數,並運行一些簡單的數學1000 /整數 - 使用數學來決定一個新元素的寬度)

+0

沒有標籤。當你的HTML到達瀏覽器時,它被解析成一個DOM。你想要的是提取'span'節點的嵌套文本內容的值。你看到的標籤是一個渲染。換句話說,節點被分析並*變成HTML表示。 – 2013-05-25 17:52:57

回答

4

務必:

var x = $('.orbit-slide-number span:last-child').text(); 
console.log(x); 

這將輸出:3

如果你想引用x作爲一個整數可以使用:

+x //returns numeric representation of x 
0

試試這個:

var secondValue = $('.orbit-slide-number span:last-child').html(); 
1

這會給你3爲字符串:

$('.orbit-slide-number span:last-child').text(); 

但是如果你想用它來進行一些數學計算,你需要一個整數/數字

var val=parseInt($('.orbit-slide-number span:last-child').text()); 
相關問題