Hi all,

I'm starter of jQuery, and I have been created a simple:

<table>
<tr>
<td id="col1">blablabla</td>
<td id="col2">blablabla</td>
<td id="col3">blablabla</td>
</tr>
</table>
<p><span id="remove"><a href="#">Remove</a></span></p>

Please show me the way to remove col 1 when user click "Remove". Thanks

Oddly enough, the method is just called remove()...

$("#col3").remove();

If you just want to hide it(make it act as if it is gone, but it still remains in the DOM) use the hide() method:

$("#col3").hide();

If you want to remove the third column, but don't know its ID, you could do it like this:

$("tr td:nth-child(3)").remove();//1 based
//or:
$("tr td:eq(2)").remove();//zero based

Oh! It's work. Thank you, I don't think it too simple like that!