更换锚文本用的点击LI

Question

的文本

我期待与所选locations.li

  <a class="location-trigger" href="#">US</a> 
      <ul class="locations"> 
       <li>US</li> 
       <li>CA</li> 
       <li>FR</li> 
       <li>DE</li> 
       <li>HK</li> 
       <li>JP</li> 
       <li>UK</li> 
      </ul> 

Answer 1

的文本，以取代a.location触发的锚文本，您应该触发click()事件li，$(this)表示当前li文本，并将其替换为<a></a>文本：

喜欢这个？

$(".locations li").click(function(){ 
    $("a.location-trigger").text($(this).text()); 
}); 

Demo Here

Answer 2

试试这个：

$(".locations li").click(function(){ 
    $(this).parent().prev("a.location-trigger").text($(this).text()); 
});