how to pass parameter to javascript function

Question

I have the following javascript.

<script>
function getMethod(id){alert(id);}

</script>

following is html,

<table id="tbl1">
<tr>
<td><input type="button" onclick="getMethod()"/></td>
</tr>
</table>

I need to pass table id "tbl1" to javascript method getMethod on click event of html button. so what should I do? what I want is something like this,(Passing table ID onclick method's parameters)

<input type="button" onclick="getMethod('$("tbl1").ID')"/>

how can I do this?

Thanks

Answer 1

Don't pass anything rather than the this reference and do,

HTML

<input type="button" onclick="getMethod(this)"/>

JS

function getMethod(elem){
   alert($(elem).closest('table').attr('id'));
}

In the above function we have used .closest() to grab the parent table. and we have used .attr('id') to retrieve its id.

DEMO