如何在HTML中查找某些文本

时间:2014-06-11 10:37:26

标签: javascript jquery html

我知道如何通过ID或类似的东西找到它但这对我来说太难了。

我想查找TR标签是否具有某个标题的TD("标题"在这种情况下)并返回Value1和Value4。我无法更改html,因为这将是某个网站的浏览器实用程序。

请注意,必须在第一个TD标记中找到几个具有相同标题的TR,并为每个标记返回两个值。

           <tr class="this changes a lot">
                <td title="Title" align="center">
                  <a href="">
                    Link
                  </a>
                </td>
                <td align="right">
                  Date
                </td>
                <td align="center">
                  Value1
                </td>
                <td align="center">
                  Value2
                </td>
                <td>
                  Value3
                </td>
                <td align="center">
                  Value4
                </td>
                <td>
                  Text1
                </td>
                <td>
                  Text2
                </td>
             </tr>

4 个答案:

答案 0 :(得分:0)

试试这个方法

$(function () {
    $('table tr td').each(function(){
       if($(this).attr('title') == "Title")
       {
           alert($(this).parent('tr').find('td:eq(2)').text())
           alert($(this).parent('tr').find('td:eq(5)').text())
       }
    });
});

DEMO

答案 1 :(得分:0)

如果 Value1 Value4 td将始终在tr(第3和第6)内具有相同的索引位置,则可以执行此操作:

//--- get the td
var td = $("tr > td[title='Title']");
for(var x = 0; x < td.length; x++){
    //--- search between siblings
    var val1 = $(td[x]).siblings(":eq(1)").text();
    var val4 = $(td[x]).siblings(":eq(4)").text();

    //--- print the values
    alert(val1 + " | " + val4);
}

工作小提琴:http://jsfiddle.net/ZPpm9/1/

答案 2 :(得分:0)

使用此功能:使用td获取title=Title并遍历其父tr并获取tr的第3个和第6个子值。

$(document).ready(function(){
   $('tr td[title="Title"]').each(function(){
      var value1= $(this).parent().find('td:nth-child(3)').text();
      var value4= $(this).parent().find('td:nth-child(6)').text();
      alert(value1+" "+value4);
   });
 });

<强> Demo

答案 3 :(得分:0)

Demo Fiddle

使用这些

使用<td>

获取title="Title"
$('td[title=Title]')

使用<td>

获取Value1
$('td:eq(2)').text()

使用<td>

获取Value4
$('td:eq(5)').text()