javascript - 在 jQuery 中操作动态元素

Question

我有一个下拉菜单，其中包含通过 Jade 模板动态生成的值。单击下拉菜单项之一时，我希望下拉标题文本更新为所选菜单项的文本值，如下所示:

-Select an item:-
    - Item 1
    - Item 2
    - Item 3 

[somebody clicks on item 3...]--->

-Item 3:-
    - Item 1
    - Item 2
    - Item 3

这是我的代码:

$('.selectShow').click(function() {
    console.log($(this).text);
    $('#showSelectDropdown').text($(this).text);
});

控制台得到一个奇怪的未定义的 JSON 对象，如果我将第三行更改为类似 $(#showSelectDropdown).text('hello!'); 的内容，那么我就可以了假设值是动态生成的，这是一个问题(尽管我不清楚为什么这是一个问题，因为我使用的是 jquery 并且整个事情都包含在 (document).ready 中) 。我发现了一个类似的 stackOverflow thread 建议使用带有 .on('click)... 选择器的事件委托(delegate)，但我仍然得到相同的结果。我有点难住了.任何建议表示赞赏!

Answer 1

将.text替换为.text():

$('.selectShow').click(function() {
    console.log($(this).text());
    $('#showSelectDropdown').text($(this).text());
});

See the full .text() documentation .