我的用戶如何根據鏈接的文本獲取鏈接？

Question

考慮到目標頁面上這個HTML：

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

我怎樣才能基於「特殊文本的話」的網址，並做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 selectors do not (yet) offer a content/text selector。

這裏有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的腳本

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 
    } 
} 

Answer 3

這裏你想：

// ==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規則調整到要應用腳本的特定站點。