jquery - jQueryでビデオの追加/削除を切り替えます

Question

誰かが私を助けてくれるかどうか疑問に思いました-クラス「toggle」のボタンをクリックしてjQueryを使用してページにビデオをロードしようとしています。そして、2回目のクリックで、ビデオを削除したいのですが、追加と削除を効果的に切り替えます。

これまでのコードは次のとおりです。そのままの状態で、トグルボタンはビデオのインスタンスを追加し続けます。今のところそこにはトグル機能がないことに気づき、誰かがこれを達成するための最良の方法に光を当てることができることを望んでいました。私はまだjQueryを学んでいます:)

$(function(){
    $('.toggle').click(function(e) {
    e.preventDefault();
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>';
    $('#videowrapper').append(content);
    _V_('my_video', {'controls': true});
    });
});

助けてくれてありがとう！

Answer 1

 $('.toggle').click(function(e) {
    e.preventDefault();
    if ($('#my_video').length) {
        $('#my_video').remove();
    }
    else {
        var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>';
        $('#videowrapper').append(content);
        _V_('my_video', {'controls': true});
    }
});

Answer 2

$(function(){
    $('.toggle').click(function(e) {
        e.preventDefault();
        if ($("#my_video").length) {
            $("#my_video").remove();
        }else{
            var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/></video>';
            $('#videowrapper').append(content);
            _V_('my_video', {'controls': true});
        }
    });
});

Answer 3

すでにビデオが再生されているかどうかのチェックを追加し、はいの場合は削除します。

$(function(){
    $('.toggle').click(function(e) {
    e.preventDefault();
    var content = '<video id="my_video"><source src="animation.mp4" type="video/mp4"/>    </video>',
        search = $('video#my_video').length;
    if(search > 0) {
        $('video#my_video').remove();
    } else {
        $('#videowrapper').append(content);
        _V_('my_video', {'controls': true});
    }
    });
});

このようなもので十分です。

反対票を投じてくれてありがとう、誤ってタブを押してスペースを作ったので、投稿ボタンにフォーカスが移りました。次に、Enterキーを押すと、新しい行が必要になり、完了する前に投稿が投稿されました：P

Answer 4

 $('#videowrapper').html(content);