jquery - 将锚文本替换为 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());
});

在这里演示

Answer 2

尝试这个：

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