JSFiddle - React, Tailwind, and code Playground

HTML

<div id="allMenu">
    <div class="menu_item">
        <div class="item">                   
            <div class="prod">
                <img src="images/11.gif" alt=""/>
            </div>   
            <div class="nameProd name">
                text1
            </div>
        </div>
        </div><br>        <div class="menu_item">
        <div class="item">                   
            <div class="prod">
                <img src="images/12.gif" alt=""/>
            </div>   
            <div class="nameProd name">
                Text 2
            </div>
        </div>
    </div>

CSS

.item {border: solid 1px silver;}

JavaScript

$('.item').on('click', function(){
console.log( $(this).children('.name').html() )
})