javascript - 查找 div 中出现文本的特定位置

Question

我有这个 HTML:

<div id="score-data">
    <h4>Soccer League</h4>
    <span>14:00</span>
    TeamA - TeamB
    <a href="/match/pveAhZ4U/?s=1" class="fin">3:0</a>
    <br>
    <span>14:00</span>
    TeamC - TeamD
    <a href="/match/OO61fezI/?s=1" class="fin">0:1</a>
    <br><span>15:00</span>
    TeamE - TeamF
    <a href="/match/z3zKCxjn/?s=1" class="fin">3:0</a>
</div>

这只是一个示例，同一个 div 中有数百个相同的 HTML 模式。我需要做的是使用 jQuery 找到某个团队对应的 href 。我想我可以尝试这样的事情:

var a = $("#score-data:contains('TeamC')").closest('a').attr('href');

但它返回undefined，我怀疑是因为它只是寻找最接近外部div的a标签，这显然没有'没有帮助。我怎样才能用 jQuery 做到这一点？

这是一个JSFiddle与工作样本。

Answer 1

Fiddle Demo

var href = $("#score-data a").filter(function () {
    return this.previousSibling.nodeValue.indexOf('TeamC') > -1;
}).attr('href');
alert(href);

<小时/>寻找链接 $("#score-data a")然后过滤 .filter()按前一个(文本)节点的值 this.previousSibling.nodeValue.indexOf('TeamC') > -1; 。<小时/> .filter()

node.previousSibling

node.nodeValue

str.indexOf()