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