выбрать третий столбец на событие щелчка

Question

У меня есть DataTable, который визуализирует два imagebuttons в первых двух coloumns

<tr> 
    <td>Button 1 
    <td>Button 2 
</tr> 
<tr> 
    <td>Value<td/> 

Я пытаюсь захватить значение для соответствующего мыши с помощью этого:

  $('[id$=releaseMessage]').click(function() { 
       alert($('td:eq(2)', this).html()); 
      }); 

      $('[id$=deleteMessage]').click(function() { 
       alert($('td:eq(2)', this).html()); 
      }); 

ценен различен для каждой строки, так что я могу использовать что-то вроде этого:

 tr:eq(0) td:first-child 

как это Wi Всегда возвращаем первое значение td.

Answer 1

Несколько вещей:

• IDsMUST быть уникальным! Вместо этого используйте классы.

• Поскольку оба события click делают то же самое, объедините два класса в селекторе (используйте запятую). $('.releaseMessage, .deleteMessage').click().

• Сторона Примечание: Я рекомендую использовать console.log() вместо alert().

JAVASCRIPT:

$(document).ready(function(){ 
    $('.releaseMessage, .deleteMessage').click(function(){ 
     alert($(this).closest('tr').children().eq(2).html()); 
    }); 
}); 

ДЕМО: http://jsfiddle.net/dirtyd77/tcyuF/3/

---

ОБЪЯСНЕНИЕ:

$(this) относится к щелкнутому элементу (в данном случае якоря, a)
.closest() находит ближайший tr
.children() получает дети tr
.eq() идентифицирует положение (используя индекс) элемент

Надеется, что это помогает, и дайте мне знать, если у вас есть какие-либо вопросы!