使用 jquery 获取附加在 div 中的 div 的值答案

【问题标题】：Get the value of a div that is append in a div using jquery使用 jquery 获取附加在 div 中的 div 的值
【发布时间】：2014-09-25 13:29:01
【问题描述】：

我正在做一个项目并面临一个 jquery 问题。我试过但不知道。下面是我的代码，

HTML：

 <div class="noti_box1"></div>

JQuery:

  $(".noti_box1").append("<div class='click'>Test</div>");
  $(".noti_box1").append("<div class='click'>Test1</div>");
  $(".noti_box1").append("<div class='click'>Test2</div>");
  $(".noti_box1").append("<div class='click'>Test3</div>");
  $(".noti_box1").append("<div class='click'>Test4</div>");

现在如何使用 jquery 获取“click”类（第三个）的值？

输出将是“Test2”。

谢谢。

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以使用:eq() 选择器选择匹配集中索引n 处的元素。

$(".noti_box1").append("<div class='click'>Test1</div>");
$(".noti_box1").append("<div class='click'>Test2</div>");
$(".noti_box1").append("<div class='click'>Test3</div>");
$(".noti_box1").append("<div class='click'>Test4</div>");

$(".noti_box1 .click:eq(2)").click(function(e){
   alert($(this).text()); //returns "Test3"
});

【讨论】：

【解决方案2】：

使用.on点击功能

试试这个：

$('.click').on('click',function(){
   alert( $(this).text());

});

http://jsfiddle.net/tjkueqg7/

【讨论】：

【解决方案3】：

如果我对您的理解正确，您可以使用以下内容：

var value = $('.noti_box1 div .click:nth-child(3)').text();

edit：我查了一下，似乎其他人发布的 eq() 选项更有效。

jQuery difference between :eq() and :nth-child()

【讨论】：