使用jQuery查找的内容

时间:2009-12-04 03:04:17

标签: jquery css html-table

我正在尝试使用jQuery查找内部具有给定内容(文本)的<td>。例如:

http://sotkra.com/btol/index.php

从左到右,第7个显示“TIPO MONEDA”的栏目显示PESOS或DOLARES。我希望能够做到以下几点:

  1. 选择带有“DOLARES”或“PESOS”文字的<td>并为其添加课程。

  2. 选择带有“DOLARES”或“PESOS”文字的<td>,然后在其父<tr>中添加一个班级。

  3. 对于#1,我尝试了这个:

    $('td[innerHTML=Dolares]').addClass('highlight');
    

    以及

    $('td[html=Dolares]').addClass('highlight');
    

    两者都没有效果。

3 个答案:

答案 0 :(得分:15)

您想使用:contains

$('td:contains("Dolares")').addClass('highlight');

为父母

$('td:contains("Dolares")').parent().addClass('highlight');

答案 1 :(得分:2)

jQuery selector reference,我不认为 $('td[innerHTML=Dolares]')
$('td[html=Dolares]')将会起作用。

我只能考虑迭代所有TD并检查$(tdselector).html()内容。

您可以按照tvanfosson的建议尝试contains("Dolares")。它适用于您的情况,因为您不太可能在其他TD中使用“xxDolaresxx”。

答案 2 :(得分:-1)

你非常接近,只是在选择器中忽略了一些值。这应该有效:

$("td[innerHTML='Dolares']").addClass('highlight');

并且,对于父选择器:

$("td[innerHTML='Dolares'][innerHTML='Pesos']").parent().addClass('someClass');