jQuery-将类添加到li，使用默认值从其他类中删除

正在尝试向iframe中播放的缩略图视频添加边框

$('document').ready(function(){ $("#video-thumbs li").click(function(e){ e.preventDefault(); $("#video-thumbs li").addClass("current").not(this).removeClass("current"); }); }); $（'document'）.ready（函数（）{ $（“#视频拇指李”）。单击（功能（e）{ e、 预防默认值（）； $（“#video thumbs li”）.addClass（“当前”）.not（此）.removeClass（“当前”）； }); });

切换您的逻辑：

$('document').ready(function(){

    $("#video-thumbs li").click(function(e){
        e.preventDefault();
        $("#video-thumbs li").removeClass("current"); // Remove all instances
        $(this).addClass("current"); // Add `.current` to $(this) object only
    });

});

---

改变你的逻辑：

$('document').ready(function(){

    $("#video-thumbs li").click(function(e){
        e.preventDefault();
        $("#video-thumbs li").removeClass("current"); // Remove all instances
        $(this).addClass("current"); // Add `.current` to $(this) object only
    });

});

---

尝试以不同的方式构建HTML，并删除那些不标准的onclick函数：

<iframe width="1020" height="574" id="myvideo" src="http://www.youtube.com/embed/Qdse1SEBimw" frameborder="0" allowfullscreen=""></iframe>
<ul id="video-thumbs">
    <li style="margin-left: 0;">
        <div class="playbtn" data-url='http://www.youtube.com/embed/Qdse1SEBimw'></div>
        <img src="files/lamb.png" width="326" height="181" class="current">
    </li>
    <li>
        <div class="playbtn" data-url='http://www.youtube.com/embed/WZknytdWWhI'></div>
        <img src="files/tuna.png" style="width: 326px">
    </li>
    <li style="margin: 0 0 0 11px">
        <div class="playbtn" data-url='http://www.youtube.com/embed/BAembvTjChs'></div>
        <img src="files/myers.png" width="326" height="181">
    </li>
</ul>​​​​​​​​​

它应该可以正常工作吗？

---

下面是一个

尝试以不同的方式构建HTML，并删除那些不标准的onclick函数：

<iframe width="1020" height="574" id="myvideo" src="http://www.youtube.com/embed/Qdse1SEBimw" frameborder="0" allowfullscreen=""></iframe>
<ul id="video-thumbs">
    <li style="margin-left: 0;">
        <div class="playbtn" data-url='http://www.youtube.com/embed/Qdse1SEBimw'></div>
        <img src="files/lamb.png" width="326" height="181" class="current">
    </li>
    <li>
        <div class="playbtn" data-url='http://www.youtube.com/embed/WZknytdWWhI'></div>
        <img src="files/tuna.png" style="width: 326px">
    </li>
    <li style="margin: 0 0 0 11px">
        <div class="playbtn" data-url='http://www.youtube.com/embed/BAembvTjChs'></div>
        <img src="files/myers.png" width="326" height="181">
    </li>
</ul>​​​​​​​​​

它应该可以正常工作吗？

---

这里有一个

我不确定你到底想问什么，因为这有点让人困惑。我假设你在其他视频中有“当前”类。我会先删除每个当前类，然后执行

$（'this'）。addClass（“当前”）

我希望这有帮助，但如果你能说得更清楚一点，也许我可以帮你。你的代码在这里工作得很好，你说你正在尝试在iframe中为视频添加边框，但你的代码只是在iframe之外的元素中添加和删除一个类。iframe中有什么？iframe播放一个大视频。下面的缩略图替换了嵌入的链接我希望边框位于iframe中任何缩略图的视频上。我不确定你到底想问什么，因为这有点让人困惑。我假设你在其他视频上有“当前”课程。我会先删除当前的每个类，然后执行

$（'this'）。addClass（“current”）我希望这有帮助，但是如果你能说得更清楚一点，也许我可以帮你。你的代码在这里工作得很好，你说你正在尝试在iframe中为视频添加边框，但是你的代码只是在iframe之外的元素中添加和删除一个类。iframe中有什么？iframe播放大型视频。下面的缩略图将交换嵌入iframe中的链接。我希望边框位于iframe中任何缩略图的视频上。我看不出他的逻辑有任何缺陷。。添加到全部，然后从除当前单击的以外的所有中删除？我想可能是因为它在iframenvm里面。。它不在iframer内，因为所有li元素都是同级元素，
$（this）.addClass（“当前”）.sibles（）.removeClass（“当前”）
将更干净，并针对确切的元素，但再次强调，这正是问题所在，可能不是问题所在？它是否可能与div中的onclick函数冲突？@adeneo不敢相信我错过了lol。。哇，好久没见了，我看不出他的逻辑有什么缺陷。。添加到全部，然后从除当前单击的以外的所有中删除？我想可能是因为它在iframenvm里面。。它不在iframer内，因为所有li元素都是同级元素，
$（this）.addClass（“当前”）.sibles（）.removeClass（“当前”）
将更干净，并针对确切的元素，但再次强调，这正是问题所在，可能不是问题所在？它是否可能与div中的onclick函数冲突？@adeneo不敢相信我错过了lol。。哇，这是漫长的一天