将锚文本替换为单击LI的文本

Question

我希望用所选位置的文本替换a.location-trigger的锚文本.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

您应该触发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());
});