JSFiddle - React, Tailwind, and code Playground

HTML

This:
<div class="parent">
    <div>
        <div class="element">1</div>            
    </div>
    <div class="element">2</div>   
    <div class="element">3</div>         
    <div>
        <div class="element">4</div>            
    </div>
    <div class="element">5</div>            
<div>
    
Should look like this:
<div class="no">
    <div class="element">1</div>            
    <div class="element">2</div>   
    <div class="element">3</div>         
    <div class="element">4</div>            
    <div class="element">5</div>            
<div>

CSS

.parent .element{
    width:250px;
    background:#faa;
    text-align:center;
}

.parent .element:nth-of-type(2n){
    background:#afa !important;
}

JavaScript

$('.parent div:odd').css('display', 'none');