OK - this shouldn't be so difficult (sigh)

OK - this shouldn't be so difficult (sigh)

Hello:

I'm working with a jQuery constructed table. The table assembles wonderfully. Now I want to grab the text() of the 2nd <td> on the row I've selected. But I can't figure out how to do it. Following are the details:

construction syntax:
  1. function rowBuilder(data) {
  2.       return '<tr class="myRows">'
  3.             + '<td class="e_lay"><input type="checkbox" class="Grp_Chk" value=' + data.GroupID + '></td>'
  4.             + '<td class="b_lay GrpName">'
  5.                 + data.GroupName
  6.             + '</td>'
  7.             + '<td class="c_lay">'
  8.                   + data.Grp_CreateDate
  9.             + '</td>'
  10.       + '</tr>';
  11. }
When the first <td class="Grp_Chk"> is checked I want to grab the text() of the 2nd <td class="b_lay GrpName">. The syntax I am using follows:

  1. var GroupName = '';
  2. $('#GroupList').on('click', '.Grp_Chk', function() {
  3.     var grpCheck = $(this).is(':checked');
  4.     groupID = $(this).val();
  5.     GroupName = $(this).find(".GrpName").text();
  6. console.log("group Name: " + GroupName);
  7. });
Nothing is returned for a value. I've tried $(this).closest and $(this).next all to no avail.

How do I get the text() for the second <td> in the row I select with the checkbox???


Thanks in advance - Pavilion