JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<fieldset class="inputlist">
 <ol>
  <li>
   <input type="number" id="af_01_1" value="1" class="af1">
   <input type="text" id="af_01_2" size="33" maxlength="50" placeholder="li:nth-child(1)" class="af2">
  </li>
  <li>
   <input type="number" id="af_02_1" value="2" class="af1">
   <input type="text" id="af_02_2" size="33" maxlength="50" placeholder="li:nth-child(2)" class="af2">
  </li>
  <li>
   <input type="number" id="af_03_1" value="3" class="af1">
   <input type="text" id="af_03_2" size="33" maxlength="50" placeholder="li:nth-child(3)" class="af2">
  </li>
 </ol>
</fieldset>
</form>

JavaScript

$('li:nth-child(2),li:nth-child(3)').hide();