从TR获得TD值

时间:2014-03-11 14:03:58

标签: javascript jquery html-table

我是Javascript的新手,我无法从<td>获得价值。

以下是一些用于说明问题的代码:

    <div id="lista_ativo">
    <table class="tabela-basica" width="100%" cellpadding="0px" cellspacing="0px">
          <thead>

            <tr>
              <th width="35px">ID</th>
              <th width="200px">Cliente</th>
              <th width="200px">Nome</th>
              <th width="35px">OAB</th>
              <th width="50px">Estado</th>
            </tr>
          </thead>

          <tbody>
            <tr class="{classe_row}">
              <td data-id="{andamentos_ativos.clienteid}">{andamentos_ativos.clienteid}</td>
              <td>{andamentos_ativos.cliente}</td>
              <td>{andamentos_ativos.nome}</td>
              <td>{andamentos_ativos.oab} / {andamentos_ativos.oab_uf}</td>
              <td>{andamentos_ativos.estados}</td>
            </tr>

          </tbody>

  </table>
</div>

我的Javascript:

$("#lista_ativo").delegate("tr", "click", function() {
    var idbcorporativo = $(this).attr("data-id");
    console.log(idbcorporativo);
});

我需要第一个data-id中的<td>

2 个答案:

答案 0 :(得分:2)

您可以尝试使用getAttribute

document.getElementsByTagName("td")[0].getAttribute("data-id");

或使用jQuery,您可以将代码修改为

$("#lista_ativo").delegate("tbody tr", "click", function() {
    var idbcorporativo = $(this).children().attr("data-id");
    console.log(idbcorporativo);
});

这是example fiddle

答案 1 :(得分:2)

你需要从tr到th。

然后引用从0开始的第一个孩子。

  var idbcorporativo = $(this).children()[0].attr("data-id");