JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="dd-list">
            <li class="dd-item dd3-item" >
                <div class="dd-handle dd3-handle">Drag</div>
                <div class="dd3-content">Home</div>
                <div class="url" style="display:none;">homeurl</div>

            </li>
            <li class="dd-item dd3-item" >
                <div class="dd-handle dd3-handle">Drag</div>
                <div class="dd3-content">About Us</div>
                <div class="url" style="display:none;">ssss</div>
            </li>
            <li class="dd-item dd3-item" >
                <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Pricing</div>
                <div class="url" style="display:none;">ddd</div>
                <ol class="dd-list">
                    <li class="dd-item dd3-item" >
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Contact</div>
                        <div class="url" style="display:none;">ddd</div>
                    </li>
                    <li class="dd-item dd3-item" >
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Something</div>
                        <div class="url" style="display:none;">ddd</div>
                    </li>
                    <li class="dd-item dd3-item" >
                        <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">test</div>
                        <div class="url" style="display:none;">ddd</div>
                    </li>
                </ol>
            </li>
          </ol>

JavaScript

$(".dd-list li").click(function(){
            alert($(this).find('.dd3-content').html());
            alert($(this).find('.url').html());
        });