javascript - ラベルの前に画像を挿入し、画像にハイパーリンクを提供しますか?

Question

私はgwtを使用しています。以下のように、ラベルの前に「削除」画像を付ける必要があります。

テキストの前に画像をラップして提供するにはどうすればよいhyperlink on an imageですか?

Answer 1

.prepend()と を使用して実行できます.append()。

$('p').prepend(
    $('<a></a>', { href : "http://google.com" }).append(
        $('<img />',  { src : 'http://placehold.it/30x30' })
    )
);

デモ

この例では<p>要素をターゲットにしているので、ターゲットにしたい要素に応じてセレクターを変更する必要があることは明らかです (例: テーブル セル、リスト アイテム?)。これが行うことは、最初に画像要素を作成してソースを与え、次に href でアンカー要素を作成し、次に画像をアンカーに追加し、最後にアンカーを段落要素に追加することです。