JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<div id="abc">
         <br />
         <br />
         <table id="tbl">
             <tr>
                 <td>
                     <input class="myRadios" name="abc1" id="abc1" type="radio" value="1" /></td>
                 <td>11</td>
             </tr>
             <tr>
                 <td>
                     <input class="myRadios" name="abc1" id="abc1" type="radio" value="2" /></td>
                 <td>22</td>
             </tr>
             <tr>
                 <td>
                     <input class="myRadios" name="abc1" id="abc1" type="radio" value="3" /></td>
                 <td>33</td>
             </tr>
             <tr>
                 <td>
                     <input class="myRadios" name="abc1" id="abc1" type="radio" value="4" /></td>
                 <td>44</td>
             </tr>
         </table>
     </div>

JavaScript

$(document).ready(function () {
             $(".myRadios").bind("click", function () {

                 alert($(this).val());
                 //alert($(this).find("td").eq(1).html());
                 //alert($(this).find("td").eq(2).html());
                 alert($(this).closest("td").next("td").html());// THIS IS NOT WORKING
             });

         });