首页 > 开发 > JS > 正文

如何通过dom私有属性的某个值获得该对象

2017-09-05 13:02:24  来源:网友分享

我不知道这个问题的标题应该怎么问,有下列html

<a data-user="{ '_id': 1, 'name': 'lilei', 'age': 25 }">...</a><a data-user="{ '_id': 2, 'name': 'hanmm', 'age': 24 }">...</a><a data-user="{ '_id': 3, 'name': 'green', 'age': 23 }">...</a>

比如我想获得 '_id'=1 的这个dom 进行其他操作 $('a<_id=1这里应该怎么写>')

解决方案

jQuery没有直接的选择器可以用来对 dataset 中的属性进行筛选,可以使用 filter 进行过滤。

$('a').filter(function(){    return  $(this).data('user').indexOf("'_id': 1")!=-1;    //上面可以将data('user')的数据转换为 JSON 再读取_id属性筛选,但是觉得转换成本太高。   })

我觉得最方便高效的方法是将整个user数据分拆成三个 dataset 属性用 jQuery 的属性选择器读取。

<a data-id="1" href="#">test</a>
$('a[data-id="1"]');