單擊特定列時獲取表格行單元格值

我能夠通過表格單擊事件檢索所有行值並通過event.currentTarget.cells[4].innerText();獲取其值。單擊特定列時獲取表格行單元格值

但我想申請這個，如果只點擊一個特定的列，當我點擊一個ID 21Username column下。它應該提醒該行的所有單元格值。然後當我點擊其他列時，它不應該警惕。

這是我的代碼。請按照我的要求告訴我你是否有問題。

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $('#tableid').on('click', 'tr', function (event) { 
      alert(event.currentTarget.cells[0].innerText); 
      alert(event.currentTarget.cells[1].innerText); 
      alert(event.currentTarget.cells[2].innerText); 
      alert(event.currentTarget.cells[3].innerText); 
      alert(event.currentTarget.cells[4].innerText); 
     }); 
    }); 
</script>

這裏是我的HTML http://jsfiddle.net/jE5UM/

來源

2013-07-16 Mr.Adamant

，什麼是你的HTML？ –

請你可以提供一個小提琴 – 2013-07-16 07:05:05

在這裏，我提交遲到傢伙的道歉。 http://jsfiddle.net/jE5UM/ –

嘗試

$(document).ready(function() { 
    $('#tableid').on('click', 'tr', function (event) {     
     $(this).children().each(function(){ 
      alert($(this).text()) 
     }) 
    }); 
});

演示：Fiddle

如果你想要一個數組作爲結果，那麼

$(document).ready(function() { 
    $('#tableid').on('click', 'tr', function (event) {     
     var texts = $(this).children().map(function(){ 
      return $.trim($(this).html()) 
     }).get(); 
    }); 
});

演示：Fiddle

更新

$(document).ready(function() { 
    $('#tableid').on('click', 'tr td:nth-child(2)', function (event) {     
     var texts = $(this).closest('td').siblings().addBack().map(function(){ 
      return $.trim($(this).html()) 
     }).get(); 
     alert(texts.join()) 
    }); 
});

演示：Fiddle

來源

2013-07-16 07:11:58

我欣賞你的答案阿倫。但我想要的是，我希望點擊事件只能在像用戶名這樣的特定列上工作。你能告訴我如何在qjuery或JavaScript中可能嗎？謝謝。 –

@ Mr.Adamant查看更新 –

阿倫，你幾乎在那裏。你可以循環行單元格並逐個提醒它嗎？我只是新的Java腳本，這就是爲什麼。幾乎完美的阿倫。 –

我建議，在沒有特定HTML和其他信息：

$(document).ready(function() { 
    $('#tableid').on('click', 'tr', function (event) { 
     var cell = event.target, 
      values = $(cell).siblings().addBack().map(function(){ 
         return $(this).text(); 
        }).get(); 
     alert(values); 
    }); 
});

JS Fiddle demo。

參考文獻：

來源

2013-07-16 07:05:46

嗨大衛，謝謝你的回答。我知道你的代碼可能在優化方式中很有用。但是我想要的是，只有當特定列像用戶名一樣被點擊時，我纔想使其工作。你能提供一個示例代碼嗎？請做一個示例工作，當我點擊用戶名下的字段時，它應該提醒別人沒有更多的警報。 –

單擊特定列時獲取表格行單元格值

回答

相關問題