각각을 사용하여 다른 쌍으로 된 div로 이동

Question

이것은 아주 간단 해 보였지만 나를 붙잡 았습니다.
동일한 클래스 (인접 href 얻기)가있는 여러 div를 찾고 있는데 다른 클래스가있는 다른 여러 div (.div_2)에 결과를 게시하고 싶습니다. 현재 div_2에있는 항목 제거/바꾸기.
이 작업을 각각 수행 할 수 있습니까?

$('.div_1').each(function() { 
    var url = $(this).find('h3 a:first').attr('href'); 
    $('.div_2').html(url); 
}); 

바이올린 : http://jsfiddle.net/jxEcv/

Answer 1

입니다

$('.div_1').each(function() { 
    var $this = $(this); 
    var url = $this.find('h3 a:first').attr('href'); 
    $this.prev(".div_2").html(url); 
}); 

을 .div_1하기 위해, 다음 중 하나의 지수 EQ()를 사용하여 해당 요소를 참조하는 데 사용할 수 있습니다

$('.div_1').each(function (index, value) { 
    var url = $(this).find('h3 a:first').attr('href'); 
    $('.div_2').eq(index).html(url); 
}); 

그것을하지 않습니다 무슨 일이 있어도 상대 순서가 한, 예를 들어, 세 div_1의의가있는 한에서 표시 3 개의 (해당) div_2가 있습니다.

Answer 2

$ ('. div_2')는 모든 요소 .div_2하여 .div_1 참조에없는 요소들의 어레이를 포함하는 객체의 jQuery이다. 당신은 각각 $를 찾을 필요가있다 ('. div_2')과 관련하여 div_1 및 div_2 요소가 같은 순서로 안정적으로 발생하면 여기에 업데이트 된 바이올린 http://jsfiddle.net/jxEcv/2/

Answer 3

$('.div_1').each(function() { 
    var url = $(this).find('h3 a:first').attr('href'); 
    $(this).prev('.div_2').html(url); 
}); 

Answer 4

$('.div_2').html(function() { return $(this).next().find('a').attr('href'); }); 

jsFiddle example

Answer 5

$('.div_1').each(function() { 
    var url = $(this).find('h3 a:first').attr('href'); 
    $(this).prev('.div_2').empty().append(url); 
});