動的テーブル内の行数をカウントする

Question

動的に生成されるテーブルは、任意の時点で異なる数の行を持ちます。

<div class="marquee"> 
    <table runat="server" id="TableFeedReader"> 
    </table> 
</div> 

私はjQueryを使って行の数をカウントし、hereと類似の動的プロパティを計算する整数として番号を渡したいです。このコードでは、HTMLが生成されたときに私の動的値がゼロになります。

$(function() { 
     var rowCount = $('TableFeedReader').length; 
     var newCount = parseInt(rowCount) * 2; 
     var style = document.createElement('style'); 
     style.type = 'text/css'; 
     style.id = 'keyframe' 
     var keyFrames = '\ 
@-webkit-keyframes marquee {\ 
    0% {\ 
     top: 9em\ 
    }\ 
    100% {\ 
     top: -A_DYNAMIC_VALUEem\ 
    }\ 
}\ 
@-moz-keyframes marquee {\ 
    0% {\ 
     top: 9em\ 
    }\ 
    100% {\ 
     top: -A_DYNAMIC_VALUEem\ 
    }\ 
}'; 
     style.innerHTML = keyFrames.replace(/A_DYNAMIC_VALUE/g, newCount); 
     document.getElementsByTagName('head')[0].appendChild(style); 
    }); 

どこが間違っていますか？ var rowCount = $('#TableFeedReader tr').length;

console.log($('#TableFeedReader tr').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table runat="server" id="TableFeedReader"> 
 
    <tr><td></td></tr> 
 
    <tr><td></td></tr> 
 
    <tr><td></td></tr> 
 
</table>

Answer 1

変更var rowCount = $('TableFeedReader').length;はCSSセレクタではなく、IDを取ります。 $('#TableFeedReader')を意味しているかもしれませんが、それでもあまり意味がありません。通常、ページには特定のIDを持つ要素が1つしかないためです。

私は$('#TableFeedReader tr')を試してみます。

Answer 2

$へ