将 css3 选择器转换为 javascript [关闭]

Question

我需要将一些 css 代码改编为 javascript。

我有下一个代码，我需要通过 javascript 对象的 .style 使其适应 javascript 对象。

有了属性，我做得很好，但是有了选择器，我必须使用 javascript 操作来开发（无论如何都要调用它）:)

.cr-container input:checked ~ .cr-bgimg div span{
    -webkit-animation: slideOut 0.6s ease-in-out;
    -moz-animation: slideOut 0.6s ease-in-out;
    -o-animation: slideOut 0.6s ease-in-out;
    -ms-animation: slideOut 0.6s ease-in-out;
    animation: slideOut 0.6s ease-in-out;
    }

Answer 1

编辑

var el = document.querySelectorAll(".cr-container input:checked");

文档：https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

对于 jQuery：

如果认为你想要的是：

$(".cr-container input:checked")

如您所见，并没有什么不同。

或

 $(".cr-container > input:checked")

文档：

http://api.jquery.com/checked-selector/

Answer 2

1. ~操作符是选择DOM中的所有兄弟元素

2. :checked 是用于选择选中的单选按钮和复选框的伪类

3. .是选择带有class的HTML元素

这应该可行：

$('.cr-container input:checked').siblings('.cr-bgimg div span')