JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</script>
</head>
<body>
<div id="main" class="">
<div id="div_reach_condition_appoint" class="panel panel-primary">
<div class="panel-heading">
<h5 id="font_reach_condition_appoint" class="panel-title"></h5>
</div>
<div id="inner_div_reach_condition_appoint" class="panel-body">
<table id="table_reach_condition_appoint" border="1" class="table table-bordered text-right">
<thead>
<tr class="table-thead-tr" >
<th class="text-center">No</th>
<th colspan="4" class="text-center">tt</th>
<th class="text-center">value</th>
<th class="text-center"></th>
</tr>
</thead>
<tbody id ="tbody_reach_condition_appoint">
<tr>
<td>1</td>
<td>
<input type="text"/>
</td>
<td class="text-center">
<span>A</span>
</td>
<td class="text-center">
<input type="text"/>
</td>
<td class="text-center">
<span>B</span>
</td>
<td>
<input type="text"/>
</td>
<td>
<a href="###" class="deleteRow">X</a>
</td>
</tr>
<tr>
<td>2</td>
<td>
<input type="text"/>
</td>
<td class="text-center">
<span>A</span>
</td>
<td class="text-center">
<input type="text"/>
</td>
<td...
JavaScript
$("#table_reach_condition_appoint tbody td").click(function(){
})