javascript - 使用 jQuery 导航 中的数据

Question

我有这个 HTML:

<tr class="odd">
    <td class="teams league">
        <span class="team"><a>Team A</a> <span>at</span></span> 
        <span class="team"><a>Team B</a> </span>
        <div>
            <span>7:00 pm EDT</span>
        </div> 
    </td>
    <td>
        <div>
            <span></span>
                <div>
                    <span>-124</span>
                    <span>+113</span>
                </div>
        </div>
    </td>
    <td>
        <div>
            <span></span>
                <div>
                    <span>-140</span>
                    <span>+120</span>
                </div>
        </div>
    </td>
    <td>
        <div>
            <span></span>
                <div>
                    <span>-124</span>
                    <span>+113</span>
                </div>
        </div>
    </td>
    <td>
        <div>
            <span></span>
              <div>
                  <span>-125</span>
                  <span>+115</span>
                  <!-- These are the two data I'm trying to pull out. --!>
              </div>
        </div>
    </td>
</tr>

有几个这样的<tr>在页面上，用交替类 odd 表示和even好的，我将团队名称存储在变量中，称之为 teamName 。我想找到总体的<tr>其中两支球队(A 队和 B 队)之一等于 teamName 。然后，如果存在的话，我想获取 <span> 中的第五组也是最后一组数据。标签(我已经在 HTML 中对其进行了评论)。我知道我需要一个 jQuery 选择器来触发这些，但我不能完全理解它。这是JSFiddle我一直在努力尝试取得一些进展。有人可以帮忙吗？

编辑:我尝试过类似:$(".team:contains("' + teamName + '")).parent().last("td").text();但这没有用。

Answer 1

您可以使用 :contains 来完成此操作。这是一个非常基本的示例:

$('tr:contains(' + teamName + ')')

要在一个步骤中获取最后一个跨度，您需要添加:

$('tr:contains(' + teamName + ') span:last')

这是更新后的 JSFiddle:http://jsfiddle.net/zZ8NB/6/