Jquery dynamic在具有相同名称的x文本区域/ div的模糊子元素上

Question

我的问题是这样的：

<div class="div1">
    <textarea class="area1"> </textarea>
</div>
<div class="div1">
    <textarea class="area1"> </textarea>
</div>
<div class="div1"> 
    <textarea class="area1"> </textarea>
</div>

所有divs都是动态添加的，并且为每个div和textarea预定义具有相似类的结构。

当尝试在 nth-child(x) 上使用 jquery 触发onblur事件时，我使用下面的示例在所有textareas上触发事件。

$(document).on('blur', '.area1', function() {console.log($(this).val());});

我尝试了以下方法来获得nth-child(2)或nth-child(x)但还不够：

$(document).on('blur', '.area1', ':nth-child(2)', function(){console.log($(this).val());});

如何只获得 2 个孩子或孩子 x？

希望有人有一个好的解决方案！:)

Answer 1

$(document).on('blur', '.area1:eq(1)', function(){console.log($(this).val());});

Answer 2

您需要将伪类附加到选择器.area1带有冒号，因为尽管它是伪类，但它是选择器的一部分。