显示点击的li并隐藏原始

Question

我有一个包含多个项目的下拉列表。

现在我想要的是当我们点击时出现一个下拉菜单。现在，当我们点击下拉列表中的任何选项时，原始内容应该被点击替换。

例如：原始版本为And，如果我们点击Not And，则现在处于下拉列表中，然后And应被Not And替换，依此类推。

有人可以请我出去吗。

谢谢

Answer 1

尝试

$('.click-nav .js ul li').click(function (e) {
    $(this).parent().prev().html($(this).html())
})

演示：Fiddle

Answer 2

您可以使用 .html() 来获取和设置元素的html内容：

$('.clicker li').click(function (e) {
    $('.clicker .hello').html($(this).html())
});

<强> Fiddle Demo