JSFiddle - React, Tailwind, and code Playground

by myrluk3

HTML

<table>
    <tr class="q">
        <td><span>1. Question</span></td>
    </tr>
    <tr class="sq">
        <td><span>1.1 Question</span></td>
    </tr>
    <tr class="sq">
        <td><span>1.2 Question</span></td>
    </tr>
    <tr class="q">
        <td><span>2. Question</span></td>
    </tr>
    <tr class="sq">
        <td><span>2.1 Question</span></td>
    </tr>
    <tr class="sq">
        <td><span>2.2 Question</span></td>
    </tr>
    <tr class="sq">
        <td><span>2.3 Question</span></td>
    </tr>
</table>

CSS

.sq span {
    margin-left: 20px;
}

JavaScript

$('tr').click(function(){
	var $this = $(this);
	
	$('tr').each(function(idx, tr) {
		$(tr).is($this) && console.log($(tr).prevAll('.q:first').find('span').text())
	})
})