Question

HTML

    <div class="perWatchVideo" id="remove">
        <div class="controls">
            <input type="link" id="link" name="link" placeholder="Place Link here" class="linkInput">
            <button class="btn btn-primary loadVideo">Load Video!</button>
        </div>
    </div>
jquery
    $(document).ready(function(){
        $("loadVideo").click(function(){
            $("#remove").removeClass("preWachVideo");
        });
     });

在div标签内部，我创建了一个名为perWatchVideo的类。当我单击按钮时，我想摆脱这个类并将其替换为类postWatchVideo，这是一个不同的类。我怎么能在jQuery中做到这一点？

Answer 1

首先，您在.之前忘记了loadVideo而不是$(".loadVideo")

您需要使用$("loadVideo")

.addClass()

或者如果您需要在每次点击时切换课程，可以使用$(document).ready(function(){ $(".loadVideo").click(function(){ $("#remove").removeClass("preWachVideo").addClass('postWatchVideo'); }); });

toggleClass();

注意： ID假设是唯一的如果您有多个$(document).ready(function(){ $(".loadVideo").click(function(){ $("#remove").toggleClass("preWachVideo postWatchVideo"); }); });元素，那么您的代码只适用于第一个id="remove"

因此您需要从

更改它

#remove element

到

<div class="perWatchVideo" id="remove">

那么你的代码应该是这样的

<div class="perWatchVideo remove">

onClick从div中删除类

1 个答案: