jquery - 如何通过变换选择元素:旋转？

我在为具有rotateX()特定值的特定元素编写选择器时遇到麻烦。

说我有以下几点：

<figure style="opacity: .5; transform: rotateX(144deg) translateZ(238px);"></figure>
<figure style="opacity: 1; transform: rotateX(156deg) translateZ(238px);"></figure>
<figure style="opacity: .8; transform: rotateX(168deg) translateZ(238px);"></figure>

我该如何选择中间一个？ $('[style="opacity: 1; transform: rotateX(84deg) translateZ(238px);"]')可以工作，但是问题是我实际上在运行时不知道不透明度。

如何仅按rotateX值进行选择？还是有可能吗？

最佳答案

尝试以下选择器：

$('[style~="rotateX(84deg)"]')

这应该选择样式包含“ rotateX（84deg）”的元素