将jquery函数转换为javascript

Question

我必须使用javascript进行下面提到的工作，这是在jquery完成并且工作完美。使用javascript的原因是知道如何用javascript完成它。我谷歌但没有找到任何线索如何完成它

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';
});