使用 javascript 在 "contains" 之前添加图片

Question

需要有关以下代码的帮助。我不想替换我在“a:contains”中调用的文本。问题是我需要把 ::before 放在下面脚本的什么地方。

Link: https://jsfiddle.net/onw7aqem/

$(document).ready(function() {
  $("a:contains(This is the text)").css("content", "url('https://i.picsum.photos/id/237/200/300.jpg?hmac=TmmQSbShHz9CdQm0NkEjx1Dyh_Y984R9LpNrpvH2D_U')");
});

<a href="#">This is the text</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 1

考虑以下因素。

$(function() {
  $("<div>").css("content", "url('https://i.picsum.photos/id/237/200/300.jpg?hmac=TmmQSbShHz9CdQm0NkEjx1Dyh_Y984R9LpNrpvH2D_U')").appendTo($("a:contains(This is the text)"));
});

<a href="#">This is the text</a>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

这将创建一个 <div> 元素并将其附加到 <a> 元素。