перевод css3 селектор на javascript

Question

Мне нужно адаптировать некоторый код css для javascript.

У меня есть следующий код, и мне нужно адаптировать его к объектам javascript, через .style объекта 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"); 

Doc : https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll

Для jQuery:

Если думать, что вы хотите:

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

Как вы можете видеть, что это не то, что по-другому.

или

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

Doc:

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

Answer 2

1. Оператор ~ это выбрать все родственный элемент в DOM

2. : CHEC ked - псевдо-класс для выбора радиокнопки и флажков, которые проверяются

3. . это выбрать HTML-элемент с классом

Это должно работать:

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