JSFiddle - React, Tailwind, and code Playground

by salitrapraveen

HTML

<div>

<table>
<tr>
    <td><input type="checkbox" checked="checked"/></td>
    <td>A</td>
</tr>
<tr>
    <td><input type="checkbox"/></td>
    <td>B</td>
</tr>
<tr class="sel">
    <td><input type="checkbox"/></td>
    <td>C</td>
</tr>
<tr>
    <td><input type="checkbox"/></td>
    <td>D</td>
</tr>

<tr>
    <td><input type="checkbox" checked="checked"/></td>
    <td>E</td>
</tr>

<tr>
    <td><input type="checkbox"/></td>
    <td>F</td>
</tr>

<tr>
<td><input type="checkbox"/></td>
    <td>G</td>
</tr>

</table>
</div>

JavaScript

$(function(){
    var json = {};
    
    //$.each($('tr'), function(){
      //  json[$(':nth-child(1)', $(this)).text()] = this;
    //});
    /*
    var $tr = $('tr.sel'),
        ind;
    ind = $($tr).index();
    alert($($tr).index());
    setTimeout(function(){
        var $newTr = $('<tr/>');
        $('<td/>').text('New').appendTo($newTr);
        $($tr).remove();
        $('tr:eq('+ind+')').before($newTr);
                    
    }, 2000);

    var $tr = $('tr.sel');
    json['row'] = $tr;
    var t = $('<tr/>').append($('<td/>')).text('This is');
    $($tr).html('<td>Hello</td>');
    setTimeout(function(){
        var tr = json.row;
    $('table').append($(t));
        alert($('td', json.row).text());
    $(tr).html('<td>Praveen</td>');                
    }, 5000);
        */
    
            console.log( $("tr:has(:checkbox:checked)"));
    
});