2011-10-27 1 views
2

JQueryを使用してDOM内の特定の要素を見つける必要があります。jQueryを使用して入れ子になったDOM要素を見つける

場合は、次のとおりです。

var dialog = $(DOM.loadHTML("amc-refine", "scripts/dialogs/amc-dialog.html")); 
elmts = DOM.bind(dialog); 

だからここelmts DOM要素を持つ変数..です 私は希望のjQueryを使用して

$(elmts.dialogTable) 

を使用してアクセスすることができ、テーブルを持っていますこのテーブル内の入れ子になった要素に到達するには、たとえば次のようにします。

$('#example thead tr').each(function() { 
     this.insertBefore(nCloneTh, this.childNodes[0]); 
    }); 

しかし、私は..#を使用して、私のテーブルにアクセスするカントので、私はこれを行うことができます。しかも

$(elmts.dialogTable).find('thead').find('tr') 

、私は同じ$(elmts.dialogTable)を使用しても

$('#example tbody td img') 

に到達したい場合はどのような

よろしく

+0

サンプルコードを教えていただけますか? –

+0

'$(" thead tr "、elmts.dialogTable)'のように、ロードされたDOM内を検索することはできますが、あなたのDOMの中に何が入っているのかわかりません... amc-dialog.htmlの内容を貼り付けることができますか? –

+0

私は、下のリンクはあなたのクエリに関連していると思う: http://stackoverflow.com/questions/376081/how-to-get-a-table-cell-value-using-jquery – smukh

答えて

2

あなたはまだfindを使用することができ、そしてそれに全体のセレクターを渡す必要があります。

var img = $(elmts.dialogTable).find('tbody td img'); 

findに電話で複数回電話する必要はありません。あなたの例は、find('thead tr')を使用するように書き直すことができます。

また、あなたが選択するでcontextとしてelmts.dialogTableを使用することができます。

var img = $("tbody td img", elmts.dialogTable); 
1

をこれが可能でなければなりません:

$('#example thead tr', elmts.dialogTable).each(function() { 
     this.insertBefore(nCloneTh, this.childNodes[0]); 
    }); 

2番目のパラメータはcontextを意味します。

関連する問題