jQuery 文本內容定位元素：:contains 選擇器實戰

問題場景

已知鏈接文本「PHP和MySQL Web開發 （原書第4版）」，需通過文本內容查找對應的 <a> 標籤節點。

一行代碼解決

var $link = $(':contains("PHP和MySQL Web開發 （原書第4版）")');

選擇器詳解

• :contains(text)：jQuery 擴展選擇器，匹配包含指定文本的元素（含後代文本節點）
• 區分大小寫，精確匹配空格與標點
• 返回 jQuery 對象集合，可能匹配多個元素（如父容器也包含該文本）

精準定位技巧

// 限制標籤類型
$('a:contains("PHP和MySQL Web開發 （原書第4版）")')

// 結合屬性過濾
$('a.blue.bName:contains("PHP和MySQL Web開發 （原書第4版）")')

// 獲取精確匹配（排除父元素）
var $exact = $('a:contains("PHP和MySQL Web開發 （原書第4版）")')
             .filter(function() {
                 return $(this).text().trim() === "PHP和MySQL Web開發 （原書第4版）";
             });

性能提示

:contains 遍歷所有節點文本，大頁面慎用。優先結合 ID/Class/屬性選擇器縮小範圍。