Используя расширение Chrome, чтобы сделать текстовый div в веб-ссылку?

Question

Я использую веб-сайт для управления списками продаж на рынке Walmart.Есть столбец с идентификатором продукта в нем (div.slick-cell.l4.r4).Этот идентификатор представляет собой простой текст.Я пытаюсь превратить его в ссылку "https://www.walmart.com/ip/productIDhere", чтобы я мог просто щелкнуть по ним, чтобы увидеть страницу продукта.

Так что я сделал простое расширение Chrome, чтобы попытаться это сделать. Я могу понять, каксделайте ссылку на ячейку с идентификатором продукта на https://www.walmart.com/ip/, но я не могу понять, как добавить идентификатор, чтобы это была реальная ссылка.

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>";
});

Это поместит <a> в <div> (возможно, можно обернуть его и внешним с помощью .wrap, но мне кажется, что inner лучше), используя текстовое содержимое div в качестве части href и вашу строку в качестве остальных.