javascript - jQuery $( "").text();简单地识别文本

Question

我目前正在使用以下 jQuery:

$("TD.info > font").text();

当页面上有以下 HTML 时:

<td class="info">
  <font>
    3001474535
  </font>
</td>

我认为通过修改相同的代码来寻找包含文本“Example Data”的 TD，然后是带有类结果的 td。

$( "TD.info:contains('Example Data:') > TD.results" ).text();

找到以下 HTML:

<tr>
  <td class="info">Example Data:</td>
  <td class="result">12345</td>
</tr>

我想识别那个数字，12345。我的问题是它不是 td class="info"和 td class="results"的第一个实例。我的代码似乎没有工作，还有一件事要指出的是，它不是模式 td.info > td.result 的第一个实例，这就是为什么我使用包含“示例数据”的原因，因为它是独一无二的.

Answer 1

它不会工作，因为 td 元素是兄弟元素

一个解决方案可能是找到具有类 info 和文本 示例数据 的 td 然后找到它的下一个具有类结果的兄弟

$( "TD.info:contains('Example Data:')" ).next('TD.results').text();

或者找到具有 td 类 info 和文本 示例数据 的 tr 然后找到它的 child td 类 results

$( "tr:has(TD.info:contains('Example Data:')) > TD.results" ).text();