jQuery table row click not working

Question

I was checking a few sites, and I came up with the below:

    <table class="admin_table">
        <thead>
            <tr>
                <th>Company Name</th>
                <th>Industry</th>

            </tr>
        </thead>
        <tbody>
            <tr url="/home/companies/1">
                <td>Microsoft</td>
                <td>Computer Software</td>
            </tr>
        </tbody>
    </table>

$(document).ready(function() {
    $(".admin_table tr").not(':first').click(function() {
        var url = $(this)..attr("url");
        if (url != null && url != '') {
            window.location = url;
        }
    });
});

However, when clicking on the row, it's not responding?

I initially read the following sites for this:

jQuery - Click event on <tr> elements with in a table and getting <td> element values

Making a Table Row clickable

http://www.electrictoolbox.com/jquey-make-entire-table-row-clickable/

Is there anything I am missing in my code? In many cases the code is identical...

If I remove the two dots after $(this) it works for me. See jsfiddle.net/WbqFj — Hamish
– Hamish, Commented Aug 15, 2012 at 22:17

Martin van Dam · Accepted Answer · 2012-08-15 22:19:34Z

3

Ofcourse only the second row should work, since that is the one with the url. But first you should remove the double dots $(this).attr('url');

answered Aug 15, 2012 at 22:19

Martin van Dam

1061 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery table row click not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related