jQuery选择器定位JSON数据属性

Question

我是否可以使用jQuery选择器来定位HTML5数据属性的值，因为数据是以JSON格式存储的？

例如，如果我有<button data-id="5">Some action</button>之类的内容，我可以使用$("button[data-id='5']")来选择该按钮。

但是，我的数据存储为<button data-properties='{"id":5,"name":"foo"}'>Some action</button>。是否有我可以使用的选择器，或者我是否必须使用.filter()？

Answer 1

$("button[data-properties*='\"id\":5']")

我能想到的最近的就是这个

* =转换为“属性包含选择器”

\是从“删除特殊含义”并将其视为字符

Answer 2

你可以试试这个。

$("button[data-properties]").each(function(){
    if($(this).data("properties").id == 5){
        //your action here
    }
});