jQuery $(“”)。text();简单地识别文本

时间:2014-04-01 16:57:12

标签: javascript jquery

我目前正在使用以下jQuery:

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

当页面上有以下HTML时:

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

我认为通过修改相同的代码,想到寻找包含文本&#34;示例数据&#34;的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 =&#34; info&#34;的第一个实例。和td class =&#34;结果&#34;。我的代码似乎没有工作,有一点需要指出的是它不是模式的第一个实例td.info&gt; td.result这就是我使用contains&#34;示例数据&#34;因为那是独特的。

2 个答案:

答案 0 :(得分:2)

它不起作用,因为td元素是兄弟姐妹

一个解决方案可能是找到tdinfo和文本Example Data:然后找到下一个带有类结果的兄弟

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

或找到tr的{​​{1}}上的课程为td,文字为info,然后找到其子Example Data:上的课程td

results

答案 1 :(得分:0)

使用

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

您的代码存在的问题是,TD.results不是TD.info的子元素。

您可以根据需要使用siblings()