0

画像要素を作成し、jQuery を使用してクラスに割り当て/ラップしたいと思います。画像はリンクとしても機能する必要があります。つまり、ユーザーが画像をクリックすると、指定された Web サイトが開く必要があります。次のサンプル コードは、Google のサイトを指すイメージ要素を作成します。この要素を特定のクラスにどのように割り当てることができますか?

$('<img />').attr({'src':src})
.appendTo($('<a />').attr({href:'http://www.google.com'}).appendTo($('#targetLocation')));
4

3 に答える 3

1 
var img    = $('<img />', {src:src, 'class':'imgClass'}),
    anchor = $('<a />'  , {href:'http://www.google.com'}),
    div    = $('<div />', {'class':'myClass'});

div.append( anchor.append(img) ).appendTo( $('#targetLocation') );

で終わる

<div id="targetLocation">
    <div class="myClass">
        <a href="http://www.google.com">
           <img src="whatever" class="imgClass" />
        <a/>
    </div>
</div>

そして、あなたはそれを正しい方法で行っています。実際の善意のオブジェクトを使用できる場合は、文字列を使用しないでください。

于 2013-04-16T23:04:07.353 に答える
0

変数を作成して追加するだけではどうですか?

var imgElement = "<a href='www.yourlink'><img class="your class" src="your src"/></a>";
$("#targetLocation").append(imgElement);
于 2013-04-16T23:03:35.810 に答える
-1

すべてのhtmlを文字列として構築して呼び出すだけです

var theHtmlString = 
    "<a href="http://google">" +
    "  <img src="whatever"></img>" +
    "</a>";
$('#targetLocation').append(theHtmlString);

ただし、この HTML は target location 要素にあるものにも追加されるため、その要素を置き換えたい場合があります。

$('#targetLocation').html(theHtmlString);
于 2013-04-16T23:04:13.573 に答える