如何从 jquery 中属于同一类成员的元素中获取所有不同的值

How to get all the different values from elements that are members of the same class in jquery?

本文关键字:获取 成员 元素 一类 jquery 属于      更新时间:2023-09-26
<a href="www.google.com" value="1000" class="abc">Link1</a>
<a href="www.google.com" value="1001" class="abc">Link2</a>
<a href="www.google.com" value="1002" class="abc">Link3</a>
<a href="www.google.com" value="1003" class="abc">Link4</a>
<a href="www.google.com" value="1004" class="abc">Link5</a>
<a href="www.google.com" value="1005" class="abc">Link6</a>
<a href="www.google.com" value="1006" class="abc">Link7</a>
<a href="www.google.com" value="1007" class="abc">Link8</a>

我在 UI 上有 7 个链接。

我想要数组中的所有链接值,例如

array_v = [1000,1001,1002,1003,1004,1005,1006,1007]

其中所有链接的类都相同.....

有没有办法让我们通过 jquery 或 javascript 获取相同 css 类的所有值......

我试过

document.getElementsByClassName('abc');

但是我得到这样的输出:

HTMLCollection[a.abc #, a.abc #, a.abc #, a.abc #, a.abc #, a.abc #, a.abc #]

你可以使用这样的东西:

var array_v  = [];
$(".abc").each(function(i, e){
    array_v[i] = $(this).attr("value");
});

小提琴

var array_v = [].map.call(document.getElementsByClassName('abc'), function(elem) {
  return elem.getAttribute("value");
});

在 jquery 中使用 .map

var res = $("a.abc").map(function(val, i) {
        return $(this).val();
}).get();