Javascript 根据 Chrome 中的关键字文本查找 href

Question

Javascript的新功能。如何在页面中搜索某个"p类"中的文本并单击它旁边的href链接？尝试创建一个Chrome扩展程序，该扩展程序将在新标签页中打开Twitter链接。我有一个基本的扩展，但卡在这里。任何帮助将不胜感激。

我如何从推文中找到第一个提到爱国者队（或任何关键字）的 href？

推文的 HTML ：

<p class="js-tweet-text tweet-text">
'No chance' Patriots franchise tag Aqib Talib 
<a href="http://t.co/6dV3EHg5WU" rel="nofollow" dir="ltr" data-expanded-url="http://dlvr.it/4tsL8d" class="twitter-timeline-link" target="_blank" title="http://dlvr.it/4tsL8d">
<span class="tco-ellipsis"></span>
<span class="invisible">http://</span>
<span class="js-display-url">dlvr.it/4tsL8d</span>
<span class="invisible"></span>
<span class="tco-ellipsis">_</span>
</span></a></p>

Answer 1

您可以使用

querySelectorAll()查找要搜索的项目，自己在内容中进行搜索，然后按照 DOM 从下一个链接获取 href：

function findTextAndClick(findText) {
    var items = document.querySelectorAll(".tweet-text");
    for (var i = 0; i < items.length; i++) {
        var text = items[i].textContent || items[i].innerText;
        if (text.indexOf(findText) >= 0) {
            var links = items[i].querySelectorAll("a");
            if (links.length) {
                window.location = links[0].href;
                return;
            }
        }
    }
 }

HTML 上的用法示例：

findTextAndClick("Patriots");