HTML フォームに複数のテキストエリアがあり、それぞれに編集リンクが続きます。編集リンクをクリックすると、対応するテキストエリアが有効になります。私のコードは次のとおりです。
<script type="text/javascript">
$(document).ready(function() {
$(".edit").click(function(){
$(this).attr("id").removeAttr("disabled");
});
});
</script>
<textarea id="txt1" disabled="true"></textarea>
<a class="edit" id="txt1" >edit</a>
<textarea id="txt2" disabled="true"></textarea>
<a class="edit" id="txt2" >edit</a>
対応するリンクをクリックしたときにテキストエリアが有効にならないのはなぜですか?