javascript - Jquery在页面上查找div

Question

我认为我这样做是正确的，但似乎无法让它工作并寻找答案。我想做的是从 div 中查找并检索文本，该 div 是根据 ajax 调用返回的信息动态创建的。成功后，我创建了一个 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

尝试使用 $(this) (用当前元素构造的 jQuery 对象)而不是 this 并使用 Jquery .text() 点击类 paging 获取当前 div 内的文本:

$('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>