具有一组值的 jquery 数据属性选择器答案

【问题标题】：jquery data attribute selector with set of values具有一组值的 jquery 数据属性选择器
【发布时间】：2017-03-13 09:42:02
【问题描述】：

我的问题是如何使用 jQuery data() 选择具有特定数据值的对象？例如：

$('[data-infos-parent_id=0]').html('it ok');

<div class="question" data-infos='{"parent_id":0,"my_id":0, "title":""}'>

感谢您的帮助。

【问题讨论】：

标签： jquery html object jquery-plugins selector

【解决方案1】：

您可以在这里使用.filter()，.data(key) 将获取随元素存储的任意数据，并尝试将其转换为适当的数据类型。

$('.question[data-infos]').filter(function(){
   return $(this).data('infos')["parent_id"] == 0;
}).html('it ok');

【讨论】：

哇，我不知道你可以直接访问保存在数据属性中的 json 对象而不用解析它。

【解决方案2】：

试试这个

https://jsfiddle.net/w1paL17d/

$('.question').each(function(){
    var json = JSON.parse($(this).attr('data-infos'));
    if(json.parent_id === 0){
        $(this).html('it ok');
    }
});

【讨论】：

为大家着想
代码转储对新手用户没有用处。您应该始终尝试解释您所做的更改和原因。

【解决方案3】：

使用html() 函数

$('.question').html(function(){
    var json = JSON.parse($(this).attr('data-infos'));
    if(json.parent_id === 0){
        return 'it ok';
    }
});

演示：https://jsfiddle.net/4koq5uzx/

【讨论】：