获得表元素

时间:2014-07-15 01:01:05

标签: javascript jquery html css

我想在HTML表格中获取特定行的元素。

这是我的桌子。

    <tr class="inner2-top">
    </tr>

我使用Javascript填写此表用于以下类:

    <td class="ddu-orl"> 

到目前为止,我有大约9行。我想知道如何获取特定行的数据。

到目前为止,我有以下代码,但它似乎记录了该类的所有数据。特定行怎么样?

function removeRoute() { 
  var objectId = $(".inner2-top").find(".ddu-orl").text();
  console.log(objectId);
}

我使用以下HTML运行以下代码:

<td class="status1"><img src="images/cross.png" href="#" onclick="removeRoute()" width="12" height="12" alt="cross">

1 个答案:

答案 0 :(得分:1)

如果您将onclick作为参数传递,则在this函数内,可以轻松隔离实例。

<img  onclick="removeRoute(this)">

现在您可以从图像中遍历DOM。一条路径首先查找最近的行,然后在该行中查找想要的元素

function removeRoute(elem) { 
  var objectId = $(elem).closest('tr').find(".ddu-orl").text();
  console.log(objectId);
}