Refactor Jquery使用find()查找特定元素

时间:2013-10-29 02:12:50

标签: javascript jquery

大家好日子,

这不是一个真正的问题。但我只是想知道是否有其他方法可以找到特定元素的值。所以我在这里有一个样本。

<table class="test">
  <thead>..</thead>
  <tfoot>..</tfoot>
  <tbody>
    <tr>
      <td class="foo>1<td>
      <td class="foo>7<td>
      <td class="foo>1<td>
    </tr>
  </tbody>
</table>

<table class="test">
  <thead>..</thead>
  <tfoot>..</tfoot>
  <tbody>
    <tr>
      <td class="foo>1<td>
      <td class="foo>3<td>
      <td class="foo>2<td>
    </tr>
  </tbody>
</table>

<table class="test">
  <thead>..</thead>
  <tfoot>..</tfoot>
  <tbody>
    <tr>
      <td class="foo>5<td>
      <td class="foo>1<td>
      <td class="foo>3<td>
    </tr>
  </tbody>
</table>

我的解决方案:

$("table.test").each(function() {
  alert($(this).find("td.foo:first").text());
});

因此,这将提醒每个表的第一个<td class="foo">

我想知道是否有另一种方法可以做到这一点。

由于

1 个答案:

答案 0 :(得分:1)

您可以使用.find()

$("table.test").find("td.foo:first").each(function() {
  alert($(this).text());
});

演示:Fiddle