4

私のアプリケーションでは、画像を別のページへのリンクにしたいです。画像は次のようにhtmlに配置されます。

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
  </div>
</div>

これらの画像をスクリプトを介してリンクとして作成したいので、次のことを試しました

var twit_lk='https://twitter.com/';
$('#twitterlink_indv').append('<a href="'+twit_lk+'"/>');

しかし、上記のコードの出力は次のようになります。

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
    <a href="https://twitter.com/"></a>
  </div>
</div>

しかし、私は次のような出力が必要です、

<div class="rightbuttoncontainers_footer">
  <div class="forfooterimg" id="twitterlink_indv">
    <a href="https://twitter.com/">
      <img src="Images/tweatus.png" width="30" height="30" alt="tweat">
    </a>
  </div>
</div>

どうすればそれを機能させることができますか？

助けてください、

ありがとう

4

8 に答える 8

5

ここ.wrap()に記載されている方法をご覧ください。

$('#twitterlink_indv img').wrap('<a href="' + twit_lk + '" />');  
于 2012-10-08T11:03:50.413 に答える
3

wrapメソッドを使用します。画像要素を選択し、その周りにリンクをラップします。

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"></a>');
于 2012-10-08T11:03:59.543 に答える
2

試す：

$('#twitterlink_indv img').wrap(
    $("<a/>").attr("href", twit_lk));
于 2012-10-08T11:06:43.497 に答える
2

次のように.wrap（）を使用します。

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:04:59.480 に答える
1

wrapこのように代わりに使用してみてくださいappend：

$('#twitterlink_indv img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:04:04.680 に答える
1

あなたが探しているのはjQuerywrap()関数です。

一致した要素のセット内の各要素の周りにHTML構造をラップします。

$('#twitterlink_indv > img').wrap('<a href="' + twit_lk + '" />');

セレクターは、内部<img>タグと一致するように変更する必要があります。次に、wrap関数は、一致した要素をアンカータグでラップします。

デモについてはこちらをご覧ください。

参考文献-

于 2012-10-08T11:04:50.557 に答える
0

jqueryを使用しますwrap()：

$('#twitterlink_indv > img').wrap('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:05:13.107 に答える
0

wrapInner()次の方法を使用してください。

$('#twitterlink_indv').wrapInner('<a href="'+twit_lk+'"/>');
于 2012-10-08T11:36:01.727 に答える