在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 線程 ，該線程建議將事件委托與.on('click)...選擇器一起使用，但我仍然得到相同的結果。

Answer 1

用.text .text()替換.text ：

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

請參閱完整的.text()文檔 。