Question

Im currently using jquery to link all td’s to the edit link but i want to be able to only target the td’s with the class of edit, and I need the link to find the a tag with the class edit-action.

Any help would be great!

Current code:

$("tr.edit").click(function(){
    if(!clicking)
    {
        clicking = true;
        $('a.edit-action', this).click();
        clicking = false;
    }
});



<table align="center" width="100%" id="Table" >
    <tr>
        <th width="20%">col 1</th>
        <th width="20%">col 1</th>
        <th width="25%">col 1</th>
        <th width="25%">col 1</th>
        <th width="10%">col 1</th>
    </tr>
    <tr class="edit">   
        <td width="20%" class="edit">name</td>
        <td width="20%" class="edit">type</td>
        <td width="25%">other 1</td>
        <td width="25%">other 2</td>
        <td width="10%" class="action"><a href="#" class="dialog edit-action">Edit</a><br>Another delete link here</td>

    </tr>
</table>

Answer 1

Use .live, better than having hundreds of separate click events.

Also note you cannot emulate a user click on an anchor to open a new page for instance but it will run any script click handler on the anchor.

$("td.edit").live('click', function(){
        $(this).parent().find('a.edit-action').bla
});