Изменить текст ссылки на текст этого элемента

Question

Я пытаюсь обновить текст ссылки с текстом по нажатому элементу. Я думал, что $(this).text(); будет захватывать текст элемента как объект jQuery, но ничего не происходит. Я попробовал написать скрипку, но это дает мне сообщение об ошибке. Fiddle

$(".country-label").on("click", function() { 
    var updateCountry = $(this).text(); 
    console.log(updateCountry); 
    $('#country-label').text(updateCountry); 
    localStorage.setItem('CountryName', updateCountry); 
}); 

<a href="#" id="country-label">Canada</a> 
<ul class="dropdown"> 
    <li><label>Select your Country</label></li> 
    <li><a href="#" class="country-label">United States</a></li> 
    <li><a href="#" class="country-label">Australia</a></li> 
    <li><a href="#" class="country-label">France</a></li> 
    <li><a href="#" class="country-label">Germany</a></li> 
</ul> 

Answer 1

Вопрос (в вашем Fiddle) является то, что вы передаете строку, updateCountry, вместо переменной. JQuery должен выглядеть следующим образом:

$(".country-label").on("click", function(event) { 
    event.preventDefault(); 
    var updateCountry = $(this).text(); 
    $('#country-label').text(updateCountry); 
    console.log(updateCountry); 
}); 

Вы также не включают в себя Jquery в вашем Fiddle, я обновил его здесь:

Updated Fiddle

Answer 2

Попробуйте это ..

$(".country-label").click(function(event) { 
    event.preventDefault(); 
    var updateCountry = $(this).text(); 

    $('#country-label').text(updateCountry); 
    console.log(updateCountry); 
}); 

И я меняю настройку jsfiddle как:

FIDDLE