使用jQuery链接到某个类和href之后添加图像

Question

我有以下代码......

<a href="test123.html" class="testclass">Test Link</a>

我需要在链接后添加图像，但是基于类和href。我试过了：

jQuery(".testclass a[href$='test123.html']").append("<br /><div style='padding:10px;'><img src='testimage.jpg'></div>");

但它不起作用。

Answer 1

试试这个

jQuery("a.testclass[href$='test123.html']").after("<br /><div style='padding:10px;'><img src='testimage.jpg'></div>");

应在所选元素之后立即插入div。

Answer 2

您需要使用after()在元素后插入。 append()用于在元素的末尾添加子元素。

jQuery("a.testclass[href$='test123.html']").after("<br /><div style='padding:10px;'><img src='testimage.jpg'></div>");

演示：Fiddle

Answer 3

您的选择器不正确。应该是

jQuery("a.testclass[href$='test123.html']").append(YourHtml)