Jquery.parents ()

Question

I have a list and a link, I want to change the top link:

<a class="topLink" href="#">change me</a>

<ul>
    <li><a href="#">link name</a></li>
    <li><a href="#">link name</a></li>
    <li><a href="#">link name</a></li>
    <li><a href="#">link name</a></li>
    <li><a href="#">link name</a></li>
</ul>   

When I click on the link name link, I want this text to apply to the link to me.

How to do this with jQuery parents? or what should i use?

Edit: Sorry, I forgot to say that I will have three of these lists, so the three links that have the topLink class

Answer 1

If <ul>they <a>are neighboring siblings, then trythis:

$('ul').delegate('a','click',function() {
    $(this).closest('ul').prev().text( $(this).text() );
});

It uses the jQuery methodclosest() to get the first ancestor <ul>and jQuery.prev() to go from <ul>the previous brother.

HTML , , HTML.

Answer 2

$('ul').delegate('a', 'click', function() {
    $('.topLink').text($(this).text());
});

.parents() ( )

.delegate() , ul. , , ul id.

Ref.: . delegate()
:

Answer 3

$('ul li a').click(function () {
    $(".topLink").html($(this).html());
});

Answer 4

, , (, jquery ??? jk).

:

$('li a').click( function() {
    $('.topLink').text( $(this).text());
}

Answer 5

.closest()

Answer 6

The tag anchoryou are trying to change is not in the LI hierarchy, so the method parents()cannot pick it up. It is best to select either its identifier or class and change the html value in this way.