jquery 함수를 javascript로 변환

Question

jquery에서 수행되고 완벽하게 작동하는 아래 언급 된 작업에 대해 javascript를 사용해야합니다. 자바 스크립트를 사용하는 이유가 javascript.I 함께 할 수있는 방법을 알고 그것을 구글하지만 당신은 정확히에 대한 해결책을 찾을 수 없습니다

http://jsfiddle.net/2vP24/

$('.first').find('.sub1').next().css('background','#ff0000') 

Answer 1

그것을 완수하는 방법에 대한 단서를 찾을 것입니다 그게 당신이 찾고있는 코드라면. DOM을 파헤 치면 궁극적으로 필요한 것을 파악할 수 있습니다. 여기에 하나의 .sub1이 각각 .first 안에 있다고 가정하면됩니다.

var els = document.querySelectorAll('.first'); 

[].forEach.call(els, function(el) { 
    var next = el.querySelector('.sub1').nextSibling; 
    next.style.backgroundColor = '#ff0000'; 
}); 

Answer 2

당신은 오래된 브라우저를 지원하는 걱정을하지 않는 경우, 이것은 같은 일을 수행해야합니다

[].forEach.call(document.querySelectorAll('.first .sub1 + *'), function(elem) { 
    elem.style.backgroundColor = '#ff0000'; 
});