javascript - jqueryで動的IDを使用する方法

Question

これを使用して、テーブル内の個別の td を指定しています。また、id(dynid) は動的に作成されるため、ユーザーが td にカーソルを合わせたときに位置を絶対位置に変更する必要があります。そして、私は以下のものを試しますが、うまくいきません

$('#selectTable tr td #td'+dynid).hover(

 function () {

   $(this).css("position","absolute");

 }
);

前もって感謝します

Answer 1

要素内の要素を探していますが、特定の ID を持つ要素tdが必要です。td空白があります。td#idの代わりにが必要ですtd #id。

dynid = 2; // Test

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    }
);

背景色のサンプル
http://jsfiddle.net/FKhbd/

ホバーが終了した場合は、2 番目のハンドラーを定義することができます。このようなもの：

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    },
    function () {
        $(this).css("position","relative");
    }
);

Answer 2

おそらくあなたのセレクターは間違っています:'#selectTable tr td #td'+dynidになるはず'#selectTable tr td#td'+dynidです。次のように position: absolute を設定する css クラスのオンとオフを切り替えることも賢明です。

$("#selectTable td").hover(function () {
    $(this).addClass("pos-abs"); // focus
}, function () {
    $(this).removeClass("pos-abs"); // blur
});

http://api.jquery.com/hover/を参照してください