使用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>");

演示： 小提琴

Answer 3

您的选择器不正确。 应该

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