JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<ul>
<li>
<span>li1 + span1</span>
<span>li1 + span2</span>
<span>li1 + span3</span>
</li>
<li>
<span>li2 + span1</span>
<span>li2 + span2</span>
<span>li3 + span3</span>
</li>
</ul>
</div>
JavaScript
$(document).ready(function () {
$('li').click(function (e) {
var spans = $(this).find("span");
console.log($(spans[0]).text());
console.log($(spans[1]).text());
console.log($(spans[2]).text());
});
});