JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example" class="test">
    hallo
    <div></div>
    <p class="test">hi</p>
    <div>
        <b class="test">hi there</b>
    </div>
    <div>
        <div>
        <div>
        <div>
        <b class="test">nested</b>
    </div>
    </div>
    </div>
    </div>
</div>
<b>ancora</b>

CSS

.example p{
    display: block;
    border: 1px solid black;
}
.example div{
    display: block;
    border: 1px solid red;
}
.example b{
    display: block;
    border: 1px solid blue;
}

JavaScript

$(document).ready(function(){

    var prova = ['1','2','3','4','5','6'];
    
    $('.example').each(function(){
        console.log($(this).contents());
        $(this).contents().filter(function(){
            //this.trim();
            if( this.nodeType === 1 && this.childElementCount == 0 && this.textContent == ''){
                this.textContent = 'new value';
            }
        });
    });

    
    
    
});