с помощью JQuery для отображения активной ссылки

Question

У меня есть список из 4 ссылок, отображаемых в одном DIV

<div class="title"> 
    <a href ="www.link1.com"></a> 
    <a href ="www.link2.com"></a> 
    <a href ="www.link3.com"></a> 
    <a href ="www.link4.com"></a> 
</div> 

следует 4 описания в одном делах.

<div class="description"> 
    <a href ="www.link1.com">Description 1</a> 
    <a href ="www.link2.com">Description 2</a> 
    <a href ="www.link3.com">Description 3</a> 
    <a href ="www.link4.com">Description 4</a> 
</div> 

Я ищу способ использовать JQuery, чтобы отобразить название, которое относится к описанию в соответствующих дивы по одному за раз. Это не должен быть список с 4 строками, каждый из которых отображается в исходной строке с остальной частью div, но каждый должен выглядеть так, как будто это единственный элемент в этом div. Любая помощь, которую вы можете дать, будет потрясающей. Благодаря!

Answer 1

jQuery('.title a').each(function() { 
    var j = jQuery(this); 
    var title = jQuery('.description a[href=' + j.attr('href') + ']').html(); 
    j.attr('title', title); 
}); 

Answer 2

Если порядок в обоих списках одно и то же:

$(".title a").each(function(index){ 
    var title = $(".description a").eq(index).html(); 
    $(this).attr("title", title); 
} 

Предполагая, что я понял вопрос.