jQuery的動態同名

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用冒號，因爲，雖然它是一個僞類，它是選擇的一部分。