[JQuery] Função Simples
Oi pessoal, bem, estou aqui quebrando a cabeça com esse script que creio ser bem simples, mas não consigo fazer funcionar. Alguém pode me dizer onde eu errei?
Primeiro o HTML (Aqui tudo bem)
<div id="main-div">
<a href="#" class="url">Link 1</a>
<span class="desc">1st description</span>
</div>
<br><br>
<div id="main-div">
<a href="#" class="url">Link 2</a>
<span class="desc">2nd description</span>
</div>
Agora o JQuery (Aqui que mora meu problema)
$(document).ready(function(){
var desc = null;
$("#main-div").each(function(){
desc = $(this).find(".desc").text();
$(this).find(".url").attr("title", desc);
});
})
O que eu quero fazer é o seguinte... Quero pegar o texto de cada objeto na classe desc e adicionar como propriedade title do objeto na classe url. Resumindo, quero que quando por o mouse sobre o objeto de classe url, mostre o texto do objeto de classe desc.
O meu script não tá percorrendo as duas divs, somente a primeira.
É isso. Grato pelo esforço, desde já.
---
Discussão (2)
Carregando comentários...