Jquery - Next div when clicking on a link

Question

I have 2 Divs and when I click inside a link inside the 1st div I need to get the value of the 2nd div, how do I do this?

HTML:

<div class="vei">
    <span class="download"><a target="_blank" href='teste2.php'>download</a></span>
</div>
<div class="titulo"><a target="_blank" href='teste.php'>Teste</a></div>

JS (I tried this but it didn’t work):

$( ".download a" ).click(function(e){
    $( ".download a" ).html($( ".titulo a" ).text(););
});

The "a" has to become "Test" and no more "download"!

Answer 1

You can do it like this:

$(".download a").click(function(e) {
    var text = $(this).closest('.vei').next('.titulo').find('a').text();
    $(this).html(text);
});

jsFiddle: https://jsfiddle.net/ktu6ehsf/1/

The idea is to climb the DOM with .closest('.vei'), find the next element with .next('.titulo') and then descend into that element looking for .find('a').

Answer 2

You put 2 ;(dot and comma)

Substitute

$( ".download a" ).click(function(e){
    $( ".download a" ).html($( ".titulo a" ).text(););
});

For

$( ".download a" ).click(function(e){
    $( ".download a" ).html($( ".titulo a" ).text());
    return false;
});