jQuery動的に追加された要素をクリック

Question

jQueryを使用してHTMLテーブルを作成しましたが、2行目の最初のリンクをクリックしたいと思います。 生成されたHTMLは、それはしていません、私は別のものからこの関数を呼び出すしようとすると、私は私のマウス

$('table').on('click', '[id^=xrow] a', function(){ ... 

を使用して行をクリックすると、クリックを扱う機能がうまく機能し、この

<tr><td>4</td><td>text</td></tr> 
<tr id="xrow22" class="xrow"><td colspan="2"><a>0</a><a>1</a></td></tr> 

のように見えます作業。あなたが使用できる機能（）に

$('table').on('click', 'tr:not(.xrow)', function(e){ 
    $(this).next().children('td:first-child a:first-child').click(); 
    alert($(this).next().children('td:first-child').html() +','+ $(this).next().children('td:first-child a:first-child').text() +','+ $(this).next().children('td:first-child a:first-child')); 
}); 

Answer 1

私が$(this).next().children('td:first-child').children('a:first-child').text();を使用した場合、期待される結果が得られます。

Answer 2

代わりに$（の）：私はいくつかの値と意外に以下のコードの警告（第二値は0でなければなりません）

<a>0</a><a>1</a>,,[object Object] 

コードを見て、アラートを使用しました$（）。live（）関数です。基本的には、新しい要素を作成するときに、jqueryは再実行せずにクリックをアタッチします。 http://api.jquery.com/live/