jquery数据属性选择器的值集

Question

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

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

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

感谢您的帮助。

Answer 1

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

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

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

Answer 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/