JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inlinechoice-0" id="0">
  <a class="question" id="1">Choice 1</a><br>
  <a class="question" id="2">Choice 2</a><br>
  <a class="question" id="3">Choice 3</a>
</div>

<div class="answer-1">
You picked 1.  
<div class="inlinechoice-1" id="1">
  <a class="question" id="4">Choice 4</a><br>
  <a class="question" id="5">Choice 5</a><br>
  </div>
</div>
<div class="answer-2">
 You picked 2. 
</div>
<div class="answer-3">
 You picked 3. 
</div>
<div class="answer-4">
  You picked 4. 
 <div class="inlinechoice-2" id="2">
  <a class="question" id="6">Choice 6</a><br>
  <a class="question" id="2">Choice 7 (2)</a><br>
  </div>
</div>
<div class="answer-5">
  You picked 5. 
</div>
<div class="answer-6">
  You picked 6. 
</div>

CSS

div[class*='inlinechoice-'] { cursor: pointer; }

div[class*='answer-'] {display:none;}

JavaScript

$('div[class*=inlinechoice').on('click','.question', function(e) {
    var $this = $(this),
        $id = $this.prop('id');
    alert($('[class*="answer-"]').eq($id).text());
});