获取任意HTML元素特定属性值的jQuery等效方法

当然有灵活的写法啦！你目前用的$("div").eq(0).attr("your-attribute")是固定选取页面中第一个div的属性值，要支持任意位置（包括随机指定）的div，这里有几种实用的等效方案：

• 直接用:eq()选择器指定索引
  如果你明确知道要选第n个div（索引从0开始计数），可以直接把索引写在选择器里，比如选取第3个div（索引为2）的data-id属性：

  const attrValue = $("div:eq(2)").attr("data-id");
  

• 动态传入索引（支持随机选择）
  如果索引是动态生成的（比如随机选一个div），可以先计算或获取目标索引，再用.eq()方法定位元素：

  // 先获取页面中div的总数，生成一个合法的随机索引
  const totalDivs = $("div").length;
  const randomIndex = Math.floor(Math.random() * totalDivs);
  // 获取随机div的属性值
  const randomAttrValue = $("div").eq(randomIndex).attr("your-attribute");
  

• 通过数组下标访问DOM元素
  jQuery对象本质是类数组结构，你也可以直接通过数组下标取出对应的DOM元素，再转成jQuery对象来获取属性：

  const randomIndex = Math.floor(Math.random() * $("div").length);
  const randomAttrValue = $( $("div")[randomIndex] ).attr("your-attribute");
  

  这种写法和.eq()的效果完全一致，只是语法不同。

• 针对特定条件的div（非索引选择）
  如果你要选的不是按位置排序的div，而是满足某个条件的任意div（比如带特定类名、属性的），可以直接用精准选择器：

  // 选取带"target-item"类的任意div的属性（匹配多个时默认取第一个）
  const attrValue = $("div.target-item").attr("your-attribute");
  // 如果要获取所有满足条件的div的属性值，转成数组：
  const allAttrValues = $("div.target-item").map(function() {
    return $(this).attr("your-attribute");
  }).get();
  

小提示 #

如果目标索引超出了页面中div的数量，.attr()会返回undefined，所以建议先判断元素是否存在：

const $targetDiv = $("div").eq(randomIndex);
if ($targetDiv.length > 0) {
  const attrValue = $targetDiv.attr("your-attribute");
  // 执行后续逻辑
}

内容的提问来源于stack exchange，提问作者Rk R Bairi