javascript - 引用没有 ID 但有 attr 的 elem - 如何?

标签 javascript jquery

<分区>

Possible Duplicate:
jquery v1.3.2 find element by attribute
Is it possible to grab a link by its href if it doesn’t have a class or ID?

我的问题围绕着元素的属性(不能使用 ID,因为我不能确定它们是唯一的)-

例如,我有这个:

<a href="someurl.com">Link</a>

但我可以动态注入(inject),我是否可能有一种可行/快速/有效的方式在 dom 中引用它(请记住,会有很多这样的链接)。

<a href="someurl.com" data-access-label="000998">Link</a>

那么,我将通过哈希进行重申,并且好奇这是否快速/高效?

data = {
  '98789' : 'yeah',
  '871637':'cool',
  '00198789' : 'sure thing',
  '871609':'no way',
  '000998':'alright'
}

所以,对我来说,我会 .each 通过所有链接然后找到 data-access-label 值,然后呢?我可以绑定(bind)那些 href 或其他东西,以便一旦我运行我的函数 - 它看起来像这样

 <div>
   <a href="someurl.com" data-access-label="000998">Link</a> alright
       <span> <a href="someurl.com" data-access-label="871637">Link</a> cool</span>
 </div>

在任何给定时间,数据哈希中只会有超过 40 个项目,所以也许我可以“.each”通过它,并将键与那些数据访问标签中的值匹配?但我想要的可能是直接访问该项目,而不是通过 href 重复。

最佳答案

使用 jQuery 的 attribute selector :

var link = $('[data-access-label*="' + identifier + '"]');

alert(link.text());

关于javascript - 引用没有 ID 但有 attr 的 elem - 如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13127399/

相关文章:

javascript - 在新浏览器全窗口中打开 PDF

javascript - 在 Javascript 中获取多值变量的连接字符串

javascript - 4-5 Ajax 调用成功后调用 javascript 函数

javascript - iPad Safari 上的 CSS3 转换缩放问题

c# - JQuery UI 模态对话框触发 ASP.Net updatepanel 控件

javascript - 点中的附加数据 Highcharts 中工具提示的格式

javascript - 如何通过与模型比较将特定缺失的字段添加到 json 对象

javascript - 如何使用 Jquery 和类选择器获取元素第一个子文本?

javascript - Axios promise 不会在 vue 方法中抛出错误

javascript - 也可以阻止在输入类型编号中输入负值的 Angular 方式(在复制粘贴和增加、减少时)