更改此元素文本的链接文本

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

问题（在您的小提琴中）是您传递字符串updateCountry而不是变量。 jQuery看起来应该是这样的：

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

你也没有在你的小提琴中包含jQuery，我在这里更新了它：

Updated Fiddle

Answer 2

试试这个..

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

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

我将jsfiddle设置更改为：

FIDDLE