0

これが状況です。私は次のような標準リンクを持っています：

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

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

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

（リンクのhtmlはここにあります。http：//flickrental.co.uk/-ちなみに、これはサイトではなく、リンクのコードだけです）

これで、リンクをより良い「ボタン」に変換でき、とても満足しています...しかし、別の考えがありました。リンク内に小さな矢印の画像を追加できたらどうでしょうか（テキストの右側）（このサイトはアフィリエイトサイトであり、ボタンはクリック率と矢印画像を増やす必要があります）

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

何か案は？

4

1 に答える 1

4

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

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

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

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

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

于 2009-03-06T13:31:29.583 に答える