関数でn番目の要素にクラスを追加する

Question

私たちは、いくつかの他のビデオのいくつかのムービーとビデオサムのHTML要素を示すFlash要素を持つWebサイトで作業しています。

次の動画を見るときに、Flashが呼び出せる機能で、下の親指をハイライトしたいと考えています。

私はこのような何かを考えている：（これは明らかに動作しません）

function highlightMovie(4) { 
    $(".thumb-wrapper div").removeClass("active"); 
    //The "4" in the below line, comes from the "4" in the Function 
    $(".thumb-wrapper div:nth-child(4)").addClass("active"); 
} 

私はこれをどのように行うのですか？あらかじめ定義されたセレクタを持たない関数を呼び出すことはできますが、n番目の子を選択することはできますか？

ありがとうございます。

Answer 1

function highlightMovie(number) { 
    $(".thumb-wrapper div").removeClass("active"); 
    //The "4" in the below line, comes from the "4" in the Function 
    $(".thumb-wrapper div:nth-child("+number+")").addClass("active"); 
} 

それは、これはあなたが求めているものであるかどうかわかりませんか？ 何がうまくいかないのですか？

Answer 2

再生を開始したビデオへの参照を使用して、FlashからJavaScriptを呼び出す場合はExternalInterfaceを使用します。おそらく、あなたのコードには、どのサムネイルをハイライト表示するのかを簡単に識別できる共有IDシステムがあります。

EDIT：だから、あなただけで行うことはできません

...質問にこの時間に答えるようにしてください：

function highlightMovie(index) { 
    $(".thumb-wrapper div").removeClass("active"); 
    $(".thumb-wrapper div:nth-child("+index"+)").addClass("active"); 
} 

私はそれをテストしていませんでしたが、今はそれを言うことができますIE 8以降ではnth-childは使用できません。

Answer 3

私はExternalInterfaceを使ってASからJS関数を呼び出そうとします。

擬似JS：

function highlightThumb (index) { 
    thumbs = getAllThumbsElem(); 
    for (var i=0;i<thumbs.length;++i) { 
    if (i == index) { 
     highlightElement(i); 
    } 
    else { 
     resetHiglight(i); 
    } 
    } 
} 

Answer 4

function highlightMovie(n) { 
    $($(".thumb-wrapper div").removeClass("active").children()[n]).addClass("active"); 
}