javascript - 如何使用 :after css 属性插入标签？

Answer 1

您不能插入带有 CSS 伪元素的标签。然而，使用 jQuery 是微不足道的：

$(aElement).insertAfter(spanElement);

其中 aElement 是您的新 a 元素，而 spanElement 是您要在其后插入的元素。见http://api.jquery.com/insertAfter/

Answer 2

您可以使用.insertAfter().

描述：在目标之后插入匹配元素集中的每个元素。

$('<a>').insertAfter('tr#TR_Select_Color select');

或者

您可以使用.after().

说明：在匹配元素集中的每个元素之后插入由参数指定的内容。

$('tr#TR_Select_Color select').after('<a>');

或者

您也可以使用.append().

说明：将参数指定的内容插入到匹配元素集中每个元素的末尾。

$('tr#TR_Select_Color select').append('<a>');

Answer 3

您可以在此处添加任何事件，例如按钮的单击事件

$("button").click(function(){
       $("<a href="yourlink">Hello world!</a>").insertAfter("select");
});

Answer 4

您可以在之后使用：

$("#ctl01_Select_Color").after("<a href='example.com'>This is an anchor</a>");