Question

设计就像这样

<div id="cat-11">Apple<span class='qty'>(12)</span></div>
<div id="cat-12">Samsung<span class='qty'>(22)</span></div>
<div id="cat-13">Moto G<span class='qty'>(55)</span></div>
<div id="cat-14">Google<span class='qty'>(16)</span></div>
<div id="cat-15">Nokia<span class='qty'>(100)</span></div>

我有cat-13的id的跨度值。我只想要所有兄弟姐妹div的所有跨度值？ PLZ协助我。

我试过这样：

$("#cat-13").sibling().find('span').val();

我知道它会返回单个值，但无法获得所有vaules？

Answer 1

要获取阵列中的所有ID，您可以

var arr = $("#cat-13").siblings().map(function(){ return this.id }).get();

Answer 2

这是另一种在数组中保存所有“值”的方法：

var values = []; //initialize array

$("#cat-13").siblings().find('span').each(function() { //iterate over all siblings
    values.push($(this).text()); //write text into array
});

<强> Demo

如果您只想要这些数字，您可以执行以下操作：

 number = $(this).text().replace(/\D/g,''); //replace all non-digit-characters
 values.push(number);

但在这种情况下，我建议为值使用data-* - 属性。

<强> Demo 2

我们如何获得兄弟div的所有ID？

2 个答案: