JQuery Click Event

JQuery Click Event

by Julian

HTML

<table id ="myTable" border="1">
<tbody>
<tr id="tr_1">
<td>cell 1</td>
<td id="status_1">cell 2</td>
<td><button type="submit" id="btn_1" class="btn" name= "btn">Button</button></td>
</tr>

<tr id="tr_2">
<td id="status_2">cell 1</td>
<td id="td_2">cell 2</td>
<td><button type="submit" id="btn_2" class="btn" name= "btn">Button</button></td>


</tr>
</tbody>
</table>

JavaScript

$(document).ready(function() {
$(".btn").click(function() {

var tr =$(this).closest("tr").attr("id");
var num=this.id.slice(4,this.id.length);
var button =$(this).attr("id");
alert(num);
 $("#status_"+num).text('hello');


    });
});