類似の関連価値を持つコンテンツを追加してください

Question

私はこれにこだわっていると思います。 relの類似性に基づいて、ソースのコンテンツをターゲットコンテナに追加したいと思います。

var rel_attr = $(this).attr('rel'); 
$('.source-' + rel_attr).appendTo('.target-' + rel_attr); 

なく無駄に：

<div class="targets"> 
<div class="target target-1" rel="1">container 1</div> 
<div class="target target-2" rel="2">container 2</div> 
<div class="target target-3" rel="3">container 3</div> 
</div> 

<div class="sources"> 
<div class="source source-1" rel="1">source 1 content to append to container 1</div> 
<div class="source source-2" rel="2">source 2 content to append to container 2</div> 
<div class="source source-3" rel="3">source 3 content to append to container 3</div> 
</div> 

そこで源1つのコンテンツは、私が試み容器1

に付加されるべき容器1に追加します。私は何かを逃したに違いない。

ありがとうございました。

Answer 1

$（これ）はどこかを指していないので動作しません。試してみてくださいこの

jQuery('.sources .source').each(function() { 

    var content = jQuery(this).html(); //or .text(); 
    var rel = jQuery(this).attr('rel'); 

    jQuery('.targets .target-'+rel).html(content); // or .text() again; 
    jQuery(this).hide(); 
    //use jQuery(this).html(''); if you do not want to hide the div 

}); 

http://jsfiddle.net/9YkSs/

Answer 2

ないあなたのためにこの作品：

 
$("div[class^='source-']").each(function() { 
    var tmpRel = $(this).attr("rel"); 
    var divClass= "target-"+tmpRel; 
    $("div[class='"+divClass+"']").append($(this).html()); 
}); 

Answer 3

$('.source').each(function() 
{ 
    $(this).appendTo($('.targets').find('div.target[rel='+$(this).attr('rel')+']')); 
}) 

Answer 4

あなたが本当に関連の内側に 'ソース' のラッパーと場所から 'ソース' divを削除したい場合は " DIVを試してみてください。

$(".source ").each(function(){ 
    var rel_attr = $(this).attr('rel'); 
    $('.source-' + rel_attr).appendTo('.target-' + rel_attr); 
});