使用jquery向下钻取多个级别(子级和子级)以获取文本

时间:2014-03-10 07:42:39

标签: javascript jquery

尝试向下钻取并从table元素中获取名称。我只有表的id名称。什么是从伟大的嵌套元素向下钻取到所需span的最佳方法,并将其文本转换为ins

HTML

....<ins id="target"></ins>...

<table id="names">
      <tbody>
      <tr>...</tr>
      <tr>
          <td>..</td>
          <td>..</td>
          <td>
              <img />
              <button>...</button>
              <span>TEXT TO GET</span>

         </td></tr></tbody></table>

不完整的Jquery:

$(document).ready(function() {
$("#target").text($("#names>tbody>???DRILLDOWN???).text());
});

3 个答案:

答案 0 :(得分:1)

如果您的HTML未更改,则可以使用:

$(document).ready(function() {
    $("#target").text($("#names>tbody tr:eq(1) td:eq(2) span").text());
});

但实际上,如果你的HTML不稳定,那就太脆弱了。我建议您使用idclass来更准确地定位它。

答案 1 :(得分:1)

试试这个$("#names").find('span').text();

在此处查看演示Jsfiddle

答案 2 :(得分:0)

$("#names tr>td>span").text();