jQuery的發現div在

Question

我以爲我正確地做到了這一點，但似乎無法得到它的工作，並尋找答案。我想要做的是從ajax調用返回的信息動態創建的div中查找和檢索文本。關於成功，我創建了一個div列表並將數字放入。我想要發生的是當單擊div時獲取值，但我沒有得到任何東西。這是div的創建方式。

$(".optionsBox").prepend("<div id='newList'>Navigate Pages </div>"); 
for (var i = 1; i <= ml; i++) { 
    $("#newList").append("<div class='paging'>"+ i + "</div>"); 
} 

我已經試過：

$('.paging').click(function(){ 
    var number = $this.text(); 
}); 

$('.paging').on('click',function(){ 
    var num = $this.text(); 
}); 

我也看了.closest甚至.find當登錄到控制檯一切都是空白。

我很難讓它比應該更難。

Answer 1

，而你使用.append ...您可以使用

$(".optionsBox").on('click', '.paging', function(){ 
    var number = parseInt($(this).text() , 10); 
}); 

看看Event binding on dynamically created elements?

Answer 2

嘗試使用$(this)（與當前元素構建的jQuery對象），而不是this和使用jQuery .text()獲得與paging類當前格中的文本點擊：

$('body').on('click', '.paging', function(){ 
    var number = $(this).text(); 
}); 

希望這有助於。

---

$(".optionsBox").prepend("<div id='newList'>Navigate Pages </div>"); 
 
for (var i = 1; i <= 5; i++) { 
 
    $("#newList").append("<div class='paging'>"+ i + "</div>"); 
 
} 
 

 
$('body').on('click', '.paging', function(){ 
 
    var number = $(this).text(); 
 
    
 
    $('.result').text('Number ' + number + ' clicked'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="optionsBox"></div> 
 
<div class="result"></div>