JQueryを介してHTMLに画像を挿入する方法は？

Question

状況は次のとおりです。次のような標準リンクがあります：

<h2><a href="#">Link Title</a></h2>

今、ボタンのように見えるように背景を挿入したいので、次のようにJQueryでスパンを追加します。

$(document).ready(function()
{
      $(".post a").wrapInner("<span></span>");
});

（リンクのhtmlは http://flickrental.co.uk/-ところで、これはサイトではなく、リンクのコードです）

リンクをより良い「ボタン」に変換できるようになりましたそして、私は非常に幸せです...しかし、リンク内に小さな矢印画像を追加できたら（テキストの右側に）（このサイトはアフィリエイトサイトであり、ボタンはクリック率をおよび矢印画像）

しかし、これを行うための正しい構文を見つけることができないようです。

アイデアはありますか

Answer 1

おそらく矢印をcssで追加する必要があります。 10ピクセルの幅の矢印がある場合：

.post a {
    padding-right: 10px;
    background: url(arrow.png) no-repeat right 50%;
}

ただし、すでに別の背景画像を使用している場合は、jqueryで画像を追加できます：

$("<img src='arrow.png'/>").prependTo(".post a");

あなたの質問から、HTMLを直接変更するアクセス権がないと思います。そうでなければ、おそらくそれが最良の解決策でしょう。