javascript - 使用 jquery 获取以前的 div 数据？

Question

我有一个表格如下

<tr><td>1st</td><td>Dennis wright</td><td><strong>334,000</strong> points</td></tr>

<tr><td>2nd</td><td>Matthew Smith</td><td><strong>41,046</strong> points</td></tr>

<tr><td>3rd</td><td>thomas jones</td><td><strong>15,783</strong> points</td></tr><tr><td>4th</td>

当我使用

$( "tr:contains('Matthew Smith')" );

返回

<tr><td>2nd</td><td>Matthew Smith</td><td><strong>41,046</strong> points</td></tr>

如何查询它以便找到第一个 td 位置(在本例中为第 2 个)并将其保存为变量？

Answer 1

您可以使用 prev() jQuery 中的方法获取紧邻前面的兄弟

var td = $("td:contains('Matthew Smith')").prev('td');

alert(td.text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1st</td>
    <td>Dennis wright</td>
    <td><strong>334,000</strong> points</td>
  </tr>

  <tr>
    <td>2nd</td>
    <td>Matthew Smith</td>
    <td><strong>41,046</strong> points</td>
  </tr>

  <tr>
    <td>3rd</td>
    <td>thomas jones</td>
    <td><strong>15,783</strong> points</td>
  </tr>
</table>