如何根据.data（{key：value}）选择元素

Question

在HTML中，我有一个div，它在JSON对象中设置了各种数据属性，例如：

<div data-layout='{
      "type" : "header",
      "minHeight" :  "10%"
   }'>
   Layout
</div>

在代码中，是否可以仅选择具有例如元素的元素。 data-layout.type==="header"没有使用.each或过滤功能？

我正在寻找以下内容：

$('[data-layout]').find('type="header"')

Answer 1

如果您不在数据布局属性中的任何其他位置使用标题，则可以使用attribute contains选择器，如下所示：

$('*[data-layout *="header"]')

Answer 2

使用this答案中的函数，您可以使用下面描述的模式：

:data( {namespace} [{operator} {check}]  )

“operator”和“check”是可选的。所以，如果你只有：data（a.b.c），它只会检查a.b.c的真实性。

详细了解here。