使用chrome擴展程序將文本div轉換為Web鏈接？

Question

我使用一個網站進行沃爾瑪市場銷售的上市管理。 有一個產品ID的列（div.slick-cell.l4.r4）。 此ID是純文本。 我試圖把它變成一個鏈接“ https://www.walmart.com/ip/productIDhere ”所以我可以點擊它們看產品頁面。

所以我做了一個簡單的chrome擴展來嘗試這個。 我可以弄清楚如何將產品ID單元格鏈接到https://www.walmart.com/ip/但我無法弄清楚如何附加ID以使其成為真正的鏈接。

js代碼：

$('div.slick-cell.l4.r4').each(function() {
var link = $(this).html();
$(this).contents().wrap('<a href="http://www.walmart.com/ip/"></a>');
});

Answer 1

自評論以來對此進行了一些研究，我相信你想要的是：

$('div.slick-cell.l4.r4').wrapInner(function() { 
    return "<a href='http://www.walmart.com/ip/" + $(this).text() + "'></a>";
});

這將在<div>放置一個<a> （也可能用.wrap將其包裝在外面，但內部對我來說似乎更好）使用div的文本內容作為href的一部分，而你的字符串作為其余部分。