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/