javascript - 使用jQuery在<tr>中导航数据

我有这个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。我想找到两个团队（团队A和团队B）之一等于<tr>的总体teamName。然后，如果存在的话，我想在<span>标记中获得第五组也是最后一组数据（我已经在HTML中进行了注释）。我知道我需要一个jQuery选择器来触发这些操作，但是我无法完全解决这个问题。这是我一直在努力尝试的JSFiddle。有人可以帮忙吗？

编辑：我尝试了类似的东西：$(".team:contains("' + teamName + '")).parent().last("td").text();，但是没有用。

最佳答案

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

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

要一步获得最后一个跨度，您需要添加：

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

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