0

私のアプリケーションでは、ユーザーがオブジェクトを DOM に追加/削除できます。(図形をクリックして追加し、追加した図形をクリックして削除します。)

これは正しく機能しますが、これらの追加された形状にアクセスして操作できるようにしたいと考えています。

(試行) nth-child をループする 

for(i=0; i<this.shape.length; i++) {
    $('#selected_shape_table:nth-child('+i+')').html("test"); 
}

HTML

<table id="selected_shape_table">

</table>

(もともとテーブルに形状を追加)

$('.shape').click(function() {
    var typeOfShape = $(this).attr('id');
    $('#selected_shape_table').append('<td><div id="' + typeOfShape + '" class=selected_shape"> + typeOfShape + '</div></td>'); 
});
4

1 に答える 1

1

#selected_shape_table:nth-child(2)3 番目の要素を選択し#selected_shape_tableますが、これはあなたがしようとしていることではありません。

jQuery には.eq()メソッドがあります。

$('#selected_shape_table *').eq(i).html('test');

また、必ずイベント委任を使用するか、イベント リスナー コードをループの後に配置してください。

于 2013-05-23T15:55:41.693 に答える