Question

我有一张10 X 8桌子。

每行有8列，即..，8 td元素。行中的每个td都有不同的类。当我点击行中的任何其他td时，是否可以获取行中第一个 td 元素的信息。

基本上我在每行的第2列到第8列创建一个jquery onclick事件。当我点击任何一列（ td ）时，它应该获取信息，即...，列的1或类或名称属性1.我需要这个在服务器端发送它码。

- 感谢。

Answer 1

是。在点击的元素中，您可以通过closest向上导航到该行，然后您可以找到包含find或children相关课程的td（可能{{1}如果你有嵌套表）：

children

或者，如果总是想要首先 function clickHandler(e) { var cell = $(e.target).closest('tr').children('td.foo'); // ... }：

td

如果该处理程序已分配给表格中的任何var cell = $(e.target).closest('tr').children('td').first();，td，或整个tr或tbody，则该处理程序将有效。

Live Example | Source

JavaScript的：

table

HTML：

jQuery(function($) {

  // Put the handler on the tbody
  $("#target").click(clickHandler);

  function clickHandler(e) {
    var td = $(e.target).closest('tr').children('td').first();
    display("The text of the first <code>td</code> in that row is: " + td.text());
  }

  function display(msg) {
    $("<p>").html(String(msg)).appendTo(document.body);
  }

});

Answer 2

基本上你可以这样：

$('td.column2-8').click(function()
{
var firstTdData = $(this).parent().children('td:first').html();
});

Answer 3

$('td').click( function(){
    var $elem = $(this).parent('tr').children('td:first');
    var elem_id = $elem.prop('id'); // or $elem.attr('id');
    .... // for class, name, etc.
});

获取有关特定表“td”元素的信息

3 个答案: