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