在动态生成的表格中重新调整文本区域onFocus和jQuery

Question

我试图在用户单击文本区域后实现重新调整文本区域大小的效果。出于某种原因，以下代码仅适用于数据表的第一行。数据表是动态生成的，并显示来自数据库查询的数据。

流动的代码生成表格，文本区域字段id=txtArea代码：

echo "<td ><textarea size=4 name=WinterFollowUp id='txtArea' rows=2  cols=12 >$row[WinterFollowUp]</textarea></div> </td>"; 

这是jQuery的脚本，我有：

$(document).ready(function(){ 
    $('#txtArea').focus(function(){ 
     $(this).attr('rows', '10'); 
    }); 
}); 
$('#txtArea').blur(function(){ 
    $(this).attr('rows', '2'); 
}); 

Answer 1

的ID是jQuery中独树一帜，所以jquery会找到第一个带有该id的textarea，如果你想把 应用到所有的textarea你必须指定一个类或只有textarea

$(document).ready(function(){ 
    $('textarea').focus(function(){ 
    $(this).attr('rows', '10'); 
    }); 
}); 
$('textarea').blur(function(){ 
    $(this).attr('rows', '2'); 
});