更換錨文本用的點擊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()); 
});