2012-04-28 5 views
1

私はこれを使用してテーブル内の別個のtdを指し示しています。 id(dynid)は動的に作成されるので、ユーザーがtdにカーソルを置いたときに絶対位置に変更する必要があります。そして、私は1つ下にしようとしますが、その前進jqueryでdynamic idを使用するには

+0

が生成されたHTMLのサンプルを投稿することができますか?あなたのIDはこういうの? '' 3423は 'dynid'ですか? – Smamatti

+0

あなたの要素を選択する方法はありますか?多分ちょうど$( '#td' + dynId)? – yentsun

+0

@Smamatti:あなたのように、それは生成されます – krish

答えて

2

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

function() { 

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

} 
); 

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

dynid = 2; // Test 

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

あなたはホバーが終了した場合、第二ハンドラを定義することもできます背景色のサンプル
http://jsfiddle.net/FKhbd/

。このような何か:

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

は、おそらくあなたの選択が間違っている:'#selectTable tr td #td'+dynid'#selectTable tr td#td'+dynidになるはずです。そうのような絶対的な:あなたも上の位置を設定するCSSクラスオフ切り替えするのが賢明だろう

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

http://api.jquery.com/hover/

関連する問題