Jquery First Column Select Problem

Question

Hi all;

Jquery Code:

$("[id$=gridvv] tr").filter(function() { 
   return $('td', this).length && !$('table', this).length 
}).click(function() {
   Alert('test');
});

This code should select all <tr> but I need .locked click return all <tr> pls help

http://jsbin.com/uheni3/edit

Answer 1

This ??

$('td.locked').click(function(){
  // your code here
});

Updated Based On Comment

Give your table an id:

<table id="mytable">
  <tr>
    <td class="locked">Blabla<td>
    <td>test1</td>
    <td>test2</td>
  </tr>
</table>

JQuery:

$('td.locked').click(function(){
  $('#mytable tr').each(function(){
    // manipulate each tr now....
  });
});

Answer 2

$('td[class="clicked"]').click(function() {
// your code
});

Answer 3

I either don't understand what you are trying to do, or it looks like complete overkill.

$('table').find('.locked').bind('click', function(){
   alert('test');
}

should bind a click handler to that td. if you want to only have "one" click, use

.one()

instead of .bind()

or, use

$(this).unbind();

within the event handler.

Kind Regards

--Andy

Answer 4

$("[@id$=gridvv] tr").filter(function() { return $('td', this).length && !$('table', this).length })

This code return all < tr > inside elements those have "id" ends by "gridvv", and < tr > should contain < td > and not contain < table >. So may be you want to add one more yet rule like:

$("[@id$=gridvv] tr.locked")...

Edit: To select all < tr > :

$("td.locked").click(function(){var allTr = $(this).parent().parent().children(););

Apply any styles to allTr like this: allTr.css("color", "#ffffcc");