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

Question

我不知道这个问题的标题应该怎么问，有下列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这里应该怎么写>')？

Answer 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"]');