使用jquery向下钻取多个级别（子级和后代）以获取文本

Question

trying to drill down and get a name from within a table element. i have an id name only for the table. what is the best way of drilling down from the great-great nesting element to the desired span , and get its text into an 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>

Incomplete Jquery:

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

Answer 1

If your HTML is not change, then you can use:

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

But actually, it's fragile if your HTML is not stable. I'd suggest to give your span an id or class to target it more accurately instead.

Answer 2

Try this $("#names").find('span').text();

Check demo here Jsfiddle

Answer 3

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