javascript 或 jquery 从 html 标记中提取整数答案

【问题标题】：javascript or jquery to extract integer out of html markupjavascript 或 jquery 从 html 标记中提取整数
【发布时间】：2013-05-25 17:45:40
【问题描述】：

我正在尝试从以下标记中提取第二个整数。

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

如果我尝试$('.orbit-slide-number span:last-child')，它会返回：<span>3</span>，这很接近，我是否应该去掉 span 标签并收工？用 javascript 不是很好。

（最终目标：我将取整数并运行一些简单的数学运算 1000/整数 - 使用该数学运算来决定新元素的宽度。）

【问题讨论】：

没有标签。当您的 HTML 到达浏览器时，它会被解析为 DOM。您想要的是提取span 节点的嵌套文本内容的值。您看到的标签是渲染。换句话说，节点被分析并变成一个HTML表示。

【解决方案1】：

做：

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

这将输出：3。

如果您想将x 引用为整数，可以使用：

+x //returns numeric representation of x

【讨论】：

【解决方案2】：

这会给你 3 作为字符串：

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

但如果你想用它来做一些数学运算，你需要一个整数/数字

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

【讨论】：

【解决方案3】：

试试这个：

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

【讨论】：