prependTo item只有一次在div

Question

比方說，我有這個數據，我只想prependTo只有一次，因爲當我試圖prependTo​​到('.container)它顯示兩次每篇文章。

<article class="blogpage-posts"> 
    <div class="container"> 
    <a href="#">Data One</a> 
    <h1 class="entry-title">Data to Prepend One</h1> 
    </div> 
</article> 

<article class="blogpage-posts"> 
    <div class="container"> 
    <a href="#">Data Two</a> 
    <h1 class="entry-title">Data to Prepend Two</h1> 
    </div> 
</article> 

這是代碼...

$(document).ready(function(){ 
    $('.entry-title').prependTo('.container'); 
}); 

這是結果使用該代碼時。

Data to Prepend One 
Data to Prepend Two <--- the data the display twice 
Data One 

Data to Prepend Two 
Data to Prepend One <--- the data the display twice 
Data One Two 

Answer 1

使用此代碼：（ '入門標題'）。

$(document).ready(function(){ 
 
    $('.entry-title').each(function(){ 
 
     $(this).prependTo($(this).closest('.container')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<article class="blogpage-posts"> 
 
    <div class="container"> 
 
    <a href="#">Data One</a> 
 
    <h1 class="entry-title">Data to Prepend One</h1> 
 
    </div> 
 
</article> 
 

 
<article class="blogpage-posts"> 
 
    <div class="container"> 
 
    <a href="#">Data Two</a> 
 
    <h1 class="entry-title">Data to Prepend Two</h1> 
 
    </div> 
 
</article>