JavaScript - ページに複数のビデオ、ビデオ、イベントをバインドする方法は?再生するものをクリックすると、最初のものだけが再生されます。
仅有的幸福
仅有的幸福 2017-06-27 09:19:42
0
3
1178

タイトルにあるように、私のページにはいくつかのビデオがあります。ビデオの構造と名前はすべて同じです。私が達成したいのは、統一された方法でイベントをそれらにバインドすることです。どれをクリックすればよいですか?遊び始めますか?それを修正するにはどうすればよいですか?
js:

リーリー

HTML:

リーリー
仅有的幸福
仅有的幸福

全員に返信(3)
伊谢尔伦

現在クリックされているブロックのビデオタグを見つけて操作するには

リーリー
いいねを押す +0
学霸

問題はこの文にあります:

リーリー

ビデオタグを取得し、タグ名ビデオに基づいて疑似配列オブジェクトを返します。次の[]はオブジェクトのインデックス値です。したがって、毎回最初のビデオのみが再生されます。配列のインデックスは 0 から始まります)。
クリックしたタグを再生したい場合は、for ループを使用して擬似配列を走査し、添え字を使用して対応する再生するタグを決定できます

いいねを押す +0
迷茫

イベント委任イベント $(document).on('click','xx',fn(){});を通じて、現在クリックされている要素を取得します

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート