0

WebアプリのほとんどのHTMLは動的に生成されます。たとえば、オブジェクトを取得してグリッド行を作成します。たとえば、次のようになります。

var TheHTML = TheHTML + '<div class="HiddenDiv">' + SomeObject.ID + '</div>';
TheHTML = TheHTML + ....
$('#SomeTableContainer').html(TheHTML);

そうすれば、ユーザーがその行をクリックしたときに、を使用して行に表示されているオブジェクトのIDにアクセスできます。.find('.HiddenDiv')

.data()代わりに、オブジェクトのIDを行に挿入し、後でDOMからIDを読み取らずに取得するために使用するにはどうすればよいですか？

ありがとう。

4

1 に答える 1

2

オブジェクトの方法でDOMを構築します。

$('#SomeTableContainer').children().remove();

var TheHTML=($('<div>')
   .append($('<div>').html('my subdiv div').data('subid',1))
   .append($('<div>').html('my subdiv div1').data('subid',2))
);
TheHtml.data('id',id);
TheHtml.bind('myevent',function(e){console.log($(this).data('id'));});
$('#SomeTableContainer').append(TheHTML);
于 2012-11-03T04:10:20.763 に答える