javascript - 我的用户脚本如何根据链接的文本获取链接？

Question

给定目标页面上的这个 HTML：

<dd class="ddTit">
<a href="http://abc.xxx.com/54781.html" target="_blank">special text words</a>
</dd>

如何根据“特殊文字单词”获取 url，并在 Greasemonkey 脚本中单击？

我试过这个：

var textlink = document.querySelector ("dd.ddTit a[textContent*='special']");
var clickEvent      = document.createEvent ('MouseEvents');
clickEvent.initEvent ('click', true, true);
textlink.dispatchEvent (clickEvent);

没有运气。

我如何根据textContent，如包含特殊textContent字样进行选择？

Answer 1

唉，你不能这样做，querySelector()因为CSS 选择器（还）不提供内容/文本选择器。

这里有3种方法：

1. 循环通过有针对性的节点选择：

   var ddTitLinks  = document.querySelectorAll ("dd.ddTit a");
   
   for (var J = ddTitLinks.length - 1;  J >= 0;  --J) {
       var ddTitLink   = ddTitLinks[J];
       //--- Case-insensitive search.
       if (/special text words/i.test (ddTitLink.textContent) ) {
           var clickEvent      = document.createEvent ('MouseEvents');
           clickEvent.initEvent ('click', true, true);
           ddTitLink.dispatchEvent (clickEvent);
           break;
       }
   }
   

   
   

2. 使用jQuery（一个功能强大的库，可以为您省去很多麻烦）：

   // ==UserScript==
   // @name     _Click Special link(s)
   // @include  http://YOUR_SERVER.COM/YOUR_PATH/*
   // @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
   // ==/UserScript==
   
   //--- Note that contains() is CASE SENSITIVE.
   var specLink    = $("dd.ddTit a:contains('special text words')");
   if (specLink.length) {
       var clickEvent  = document.createEvent ('MouseEvents');
       clickEvent.initEvent ('click', true, true);
       specLink[0].dispatchEvent (clickEvent);
   }
   

   
   

3. 使用 XPath：

   //--- Note that contains() is CASE SENSITIVE.
   var specLinks   = document.evaluate (
       "//dd[contains(@class, 'ddTit')]/a[contains(text(), 'special text words')]",
       document,
       null,
       XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
       null
   );
   
   if (specLinks.snapshotLength) {
       var specLink    = specLinks.snapshotItem (0);
       var clickEvent  = document.createEvent ('MouseEvents');
       clickEvent.initEvent ('click', true, true);
       specLink.dispatchEvent (clickEvent);
   }
   

Answer 2

这是一个使用 jquery 执行您想要的操作的greasemonkey 脚本：

// ==UserScript==
// @name       your script
// @namespace  http://foobarfoobar.com/
// @version    0.1
// @description  Trigger click with jquery
// @require    http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// @match      http://*/*
// ==/UserScript==

(function () {
    $(document).ready(function(){
        $('dd.ddTit').find("a:contains('special text words')").bind('click', function() {
            window.location.href = this.href;
            return false;
        }).trigger('click');

    });
})();

如果您将其中一些代码复制到脚本中，请确保包含以下行：

// @require    http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

因此 jquery 代码运行良好，还将 @match 规则调整为您要应用脚本的特定站点。

Answer 3

如果您真的只有识别链接的内容，您可能必须遍历所有链接才能找到您想要的链接：

var links = document.getElementsByTagName( 'a' );

for ( var i = 0; i < links.length; i++ ) {
    var link = links[i];
    if ( /special/.test( link.textContent ) ) {
        // do something with link
    }
}