追加データ-SLB-グループ= "SLB"

Question

私はいくつかの画像のセットを持って、私はAPPENDを使用したいが、私は

 <a href="image1.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" 
data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image1.jpg" alt="" 
      width="300" height="225" srcset="image1.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 
     <a href="image2.jpg" data-slb-active="1" data-slb-asset="1947037253" 
data-slb-internal="0" data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image2.jpg" alt="" 
      width="300" height="225" srcset="image2.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 
     <a href="image3.jpg" data-slb-active="1" data-slb-asset="1947037253" 
data-slb-internal="0" data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image3.jpg" alt="" 
      width="300" height="225" srcset="image3.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 

    <div class="images"></div> 

が届かない、このコードは

$('.size-medium').appendTo('.images'); 

の作品divの画像内画像のみが表示され、<a>リンクは

を表示されませんが、私は以下のコードと他のいくつかの試みを試みたが、結果

を取得できませんでした10の

$('a data-slb-group').appendTo('.images'); 

おかげ

Answer 1

あなたはというタグを探しているので、これは正しい選択ではない<a data-slb-group>

$('a data-slb-group').appendTo('.images'); 

あなたは のattr機能 $(element).attr('atributeName')

を使用してatributesにアクセスすることができます

解決策：

あなたが好きのdivに入れたいすべてのカプセリングであることを行うことができます：

<div id='capsule'> 
     <a href="image1.jpg" data-slb-active="1" data-slb-asset="1947037253" data-slb-internal="0" 
data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image1.jpg" alt="" 
      width="300" height="225" srcset="image1.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 
     <a href="image2.jpg" data-slb-active="1" data-slb-asset="1947037253" 
data-slb-internal="0" data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image2.jpg" alt="" 
      width="300" height="225" srcset="image2.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 
     <a href="image3.jpg" data-slb-active="1" data-slb-asset="1947037253" 
data-slb-internal="0" data-slb-group="slb"> 
      <img class="alignnone size-medium wp-image-527" src="image3.jpg" alt="" 
      width="300" height="225" srcset="image3.jpg" sizes="(max-width: 300px) 100vw, 
      300px"> 
     </a> 
</div> 
<div class="images"></div> 

そして、ちょうどこのようなものを使用します。

var html = document.getElementById('capsule').innerHTML; 
document.getElementsByClassName('images')[0].insertAdjacentHTML('afterbegin', html); 

innerHTMLをそのdivの内のすべてのHTMLを選択。 HTMLと呼ばれるjQueryの機能があります（）まったく同じことを行う：

ルック：私はそれぞれに行くことができない、http://api.jquery.com/html/