2013-04-09 19 views
0

我有一個DataTable,即呈現兩個imagebuttons前兩個coloumns上的click事件選擇第三列

<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值。

+1

你的問題到底是什麼? – Dom 2013-04-09 15:30:38

+0

我需要捕獲所選圖像按鈕的第三列中的值。 – CSharpNewBee 2013-04-09 16:01:36

+0

我只看到兩列......你能提供一個你目前擁有的[jsfiddle](http://jsfiddle.net)嗎? – Dom 2013-04-09 16:03:34

回答

0

有幾件事情:

  • IDsMUST是唯一的!改用類。

  • 由於兩個點擊事件都做同樣的事情,請在選擇器中組合兩個類(使用逗號)。 $('.releaseMessage, .deleteMessage').click()

  • 邊注:我建議使用console.log()而不是alert()

JAVASCRIPT:

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

DEMO: http://jsfiddle.net/dirtyd77/tcyuF/3/


說明:

$(this)指點擊的元素(在此情況下,錨定件,a
.closest()查找最接近tr
.children()得到的tr
.eq()孩子標識的位置(使用索引)元素

希望這有助於讓我知道,如果你有任何問題!

+0

優秀的東西Dom非常感謝。 – CSharpNewBee 2013-04-09 17:06:20

+0

@WayneAtherton隨時隨地接受答案(複選標記) – Dom 2013-04-09 17:09:20