javascript - jquery関数をjavascriptに変換

Question

jqueryで行われ、完璧に機能する以下の作業にはjavascriptを使用する必要があります。JavaScript を使用する理由は、JavaScript でどのように実行できるかを知るためです。

http://jsfiddle.net/2vP24/

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

Answer 1

それが探していたものである場合、まさにそのコード行の解決策は見つかりません。DOMを掘り下げると、最終的に何が必要かがわかりますが、.sub1それぞれの中に1 つしかないと仮定した場合の方法を次に示します.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';
});