2016-05-18 14 views
0

の最後の子を取得する私はいくつかの番号を生成します、ここでループのためのdivの内側には、例えば、同じクラス

var countProfile = 0; 
var tablehtml = ""; 
    for (var i=0; i <10; i++){ 

    tablehtml = tablehtml + '<div class="DataCount">'+countProfile+'</div>' 

    countProfile++; 
    }; 

    $("#somewhere").html(tablehtml); 

を置く持っていると私は、使用する別の方法のための最後の子をつかむしようとしています、私は:last-child()を使用しようとしましたが、それは私のアプリケーションではうまくいかず、間違っていますか?

var dataCounting = $(".DataCount:last-child").html(); 
console.log(dataCounting); 

答えて

3

:last-childではなくlast()または:last

$(".DataCount").last().html(); 

た場合、またはを試してみてください、彼らは別の親である場合は、複数のことができ、両親の最後の一つを選択します親が1つしかなく、異なる種類の要素を含む場合は時々:last-childは期待どおりに機能しません(詳細はThe Difference Between :nth-child and :nth-of-type)ので、その場合は代わりに:last-of-typeを使用してください。

$(".DataCount:last-of-type").html(); 
+0

私は)(.last使用していますが、それは初回のみのユーザーの間に動作しますそれをクリックすると、それを再びクリックするとundefineが返されます – anson920520

+0

http://jsfiddle.net –

+0

で完全なコードを共有できますか? – anson920520