jQuery 텍스트 (범위에서 제목까지)

Question

저는 jQuery 초보자입니다. 나는 다음과 같은 HTML과 같은했습니다 : "링크의 텍스트"I 클래스 "섹션 제목"로 범위 내의 a 요소 안에있는 텍스트를 얻고 싶은

<div class=dcsns-youtube> 
    <span class="section-thumb"> 
     <a href="some-link"><img src="http://img.youtube.com/vi/m4-1FZeoBtQ/default.jpg" alt=""></a> 
    </span> 
    <span class="section-title"> 
     <a href="some-link">Text on the link</a> 
    </span> 
<div> 

, 예에를 클래스 "섹션 - 엄지"를 가지는 스팬 내의 a 요소의 타이틀로서 사용합니다.

는

다음 jQuery 코드는 하나의 단일 DIV 작동 : 클래스 "섹션 - 엄지 손가락"로 범위 내에서 각각에 요소를 추가, 나는 몇 가지 div가있는 경우 내가이 일을 할 수있는 방법

jQuery('.dcsns-youtube .section-thumb a').attr('title', $('.dcsns-youtube .section-title').text()); 

클래스 "section-title"이있는 범위 안의 a 요소의 텍스트에 대해 각각?

Answer 1

이 작업을 수행 할 수 있습니다 :

$('.dcsns-youtube').each(function(){ 
    $('.section-thumb a', this).attr('title', $('.section-title', this).text()); 
}); 

$(someselector, this) 검색을 this 내부 요소.

Demonstration

또한 attr에 콜백을 전달할 수 있습니다

$('.dcsns-youtube .section-thumb a').attr('title', function(){ 
     return $(this).closest('.dcsns-youtube').find('.section-title a').text(); 
}); 

Demonstration

Answer 2

"링크의 텍스트"예제에서 "섹션 제목"클래스가있는 스팬 안에있는 요소 안에있는 텍스트를 가져 오려면 내부의 요소에 제목으로 사용하고 싶습니다. 클래스 "section-thumb"의 스팬 이 jQuery를 함께 수행됩니다

는 :

var text = $('span.section-title a').text(); 

$('span.section-thumb').attr('title', text); 

Answer 3

당신이 선택 될 주어진 모든 요소에 액세스 할 수 jQuery를 each()를 사용해야합니다. each()는 selector에 의해 반환 된 콜렉션을 반복하고 각 바디의 $(this)은 html element의 jQuery 객체를 컬렉션에 제공합니다.

jQuery('.dcsns-youtube .section-thumb a').each(function(){   
    $(this).attr('title', $(this).closest('.section-title').text());  
});