同时获取多个元素的值并单独使用它们

时间:2016-03-30 16:15:24

标签: jquery html count element jscript

我试图将前5个元素的所有值分别用于相同的类但同时获得。如果输入是:

<span><div class="amount large">100</div></span>
<span><div class="amount large">120</div></span>
<span><div class="amount large">300</div></span>
<span><div class="amount small">90</div></span>
<span><div class="amount large">110</div></span>
<span><div class="amount large">520</div></span>
... List goes on

我希望分别获得所有这些值,但同时。 然后我想用它们来做这样的事:连续的大数字是3.我试过用这个

$( ".amount" ).slice(0, 5).text();

甚至尝试过

$( ".amount" ).slice(0, 5).each(function() {
$(this).html() or .text() or .val()
}

第一个中的输出为100120300,没有分隔符,另一个是完整的html代码。

有没有办法在不中断的情况下计算连续多少件物品。就我而言,3。 我试过了

 $("span .large ~ span .large").length 

但没有结果

1 个答案:

答案 0 :(得分:0)

在寻找如此微不足道的事情之前,您应该阅读文档:each()

在你的情况下:

var values = [];

$(".amount").each(function(index){
    values.push($(this).text());
});

console.log(values.slice(0,5));

如果您只想要前5个项目,只需切片阵列。

关于你的第二个问题,它是一个不同的主题,所以请创建一个新问题。