jqueryを使用してテーブルの境界線を隠す

Question

私は動的に作成されたテーブルを表示するdivを持っています（asp.netリピータでは実際に）。テーブルの数は、データベースから取得するアイテムによって異なる場合があります。私はcssとjqueryコードでサンプルマークアップを以下に与えました。再度テーブルが動的に作成されます。私はちょうど2つを与えて、それの中にマークを入れなかった。

.todotable{border-bottom:1px solid white;} 

<div id="divalert"> 
<table></table> 
<table></table> 
</div> 

$(document).ready(function() { 
     $("#divalert").last().css("border-bottom", "none"); 
    }); 

私の質問は、最後のテーブルの境界線を削除する方法です。

Answer 1

テーブルを選択していません。次のいずれかを試してください：

$("#divalert :last-child").css("border-bottom", "none"); 

// or 

$("#divalert table").last().css("border-bottom", "none"); 
$("#divalert table:last").css("border-bottom", "none"); // same as above 

Answer 2

私はむしろCSSを使用しています。

#divalert table:last-child { 
    border-bottom: none; 
}