JSFiddle - React, Tailwind, and code Playground

by Soul_Master

HTML

<table id="grid" cellspacing="0" cellpadding="0" border="0" role="grid" aria-multiselectable="false" aria-labelledby="gbox_grid" class="ui-jqgrid-btable" style="width: 922px; "><tbody><tr class="jqgfirstrow" role="row" style="height:auto"><td role="gridcell" style="height:0px;width:150px;display:none;"></td><td role="gridcell" style="height:0px;width:150px;display:none;"></td><td role="gridcell" style="height:0px;width:137px;"></td><td role="gridcell" style="height:0px;width:687px;"></td><td role="gridcell" style="height:0px;width:98px;"></td></tr><tr id="1" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" style="display:none;" aria-describedby="grid___rowStatus">0</td><td role="gridcell" style="display:none;" aria-describedby="grid__id">315</td><td role="gridcell" style="text-align:center;" aria-describedby="grid_HDate">1/01/2010</td><td role="gridcell" style="" aria-describedby="grid_HDateDesc">New Year's Day</td><td role="gridcell" style="text-align:center;" aria-describedby="grid__Tool"><a class="button edit" href="javascript: void(0);" onclick="JqGridInlineEditor_EditRow(this, '1');return false;" title="Click here to Edit or 
Double-click row to edit."><img src="http://localhost/UI/Content/Icons/Edit.gif" alt="Click here to Edit or 
Double-click row to edit."></a><a class="button delete" href="javascript: void(0);" onclick="JqGridInlineEditor_DeleteRow(this, '1');return false;" title="Click here to Delete or 
Select row and then press Delete"><img src="http://localhost/UI/Content/Icons/Delete.png" alt="Click here to Delete or 
Select row and then press Delete"></a><a class="button save" style="display:none" href="javascript: void(0);" onclick="JqGridInlineEditor_SaveRow(this, '1');return false;" title="Click here to Save or 
Press Enter"><img src="http://localhost/UI/Content/Icons/Save.png" alt="Click here to Save or 
Press Enter"></a><a class="button cancel" style="display:none" href="javascript: void(0);"...

CSS

table
{
     border: 1px solid #c1c1c1;   
}
#4
{
    background: Orange;
}
label
{
    display: block;
    color: Red;
}

JavaScript

$.fn.exists = function ()
{
    return $(this).length > 0;
};
$(function()
{
    $('#lResult').text($('#grid #4 td[aria-describedby=__Tool]').length);
});