JSFiddle - React, Tailwind, and code Playground

by James Allardice

HTML

<div class="html">HTML</div><div class="css">CSS</div>
<div class="html">HTML</div><div class="css">CSS</div>
<div class="html">HTML</div>

JavaScript

/*var cssDivs = document.querySelectorAll(".html + .css");
cssDivs = [].slice.call(cssDivs).map(function (elem) {
    return elem.previousSibling; 
});


console.log(cssDivs);*/



var htmlDivs = document.getElementsByClassName("html"),
    matches = [];
for (var i = 0; i < htmlDivs.length; i++) {
    if (htmlDivs[i].nextSibling.className === "css") {
        matches.push(htmlDivs[i]);
    }
}
console.log(matches);