按文本選擇鏈接（完全匹配）並替換 href

Question

有人可以為我演示如何將此過濾器 jquery 實現到我擁有的以下場景中。 因為我希望它找到包含“產品”一詞的鏈接

$('a').filter(function(index) { return $(this).text() === "Products"; });

請注意下面的代碼更改了兩個鏈接，而不僅僅是第一個

 $(document).ready(function() { $("a:contains('Products')").attr('href', '/category/All-Products') });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="#">Products</a> <a href="#">My Products</a>

Answer 1

只需用過濾器替換選擇器：

 $(document).ready(function() { $('a').filter(function() { return $(this).text() === "Products"; }).attr('href', '/category/All-Products') });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="#">Products</a> <a href="#">My Products</a>