Question

快速提问。如果我试图一次性清除多个具有相同类的div，那么有一个jQuery捷径可以做到这一点吗？我尝试了$('.clearit').empty();，这似乎根本不起作用（没有关于该类的div被清除）。我可能做错了或者这不起作用吗？让我知道，我试过$('.clearit').html('');。此外，我还有其他在jquery之后运行的代码以及其他所有运行的代码。我调试了代码，似乎运行该函数并继续运行，没有错误，但div内容未被清除。以下是div的示例：

<center><div class="clearit" id="container2">Loading the player ...</div></center>
</li>
<li>
<center><div class="clearit" id="container3">Loading the player ...</div></center>
</li>
<li>  
<center><div class="clearit" id="container4">Loading the player ...</div></center>

这是其中一个处理程序的代码。除了$('.clearit').html('');之外，请注意其中的所有内容。

$('.thumbNav li a').click(function(){
    $('.clearit').html('');


var str = $(this).html();
var pattern = /[0-9]+/g;
var matches = str.match(pattern);
var myInteger = parseInt(matches);
//variable for player
var container = "container"+myInteger;
var what = 'skill'+myInteger;
var location = "https://aliahealthcare.com/videofetcher.php?id=skill"+myInteger;
player(container,what,location);  

$('#'+what).attr('selected', 'selected');   


    });

对于还在帮助我的人，非常感谢！我也修改了网站，所以你不再需要登录才能进入，这样你就可以自己看到它。请使用上面的代码作为查找javascript的参考。（它全部位于vid.php）谢谢

https://aliahealthcare.com/vid.php

我也发现了一些有趣的东西。上面的li是滑块id的ul的一部分。当我做$('#slider').html('');或$('#slider').empty();它有效但它清除了所有div，因此加载到这些div中的玩家不会加载。我需要做的只是清除玩家，这样你就不能同时运行多人游戏。

Answer 1

请在此处查看演示：http://jsfiddle.net/TxR8K/

来自您给定代码的

已更新：http://jsfiddle.net/TxR8K/1/

通过样本中缺少无序列表标记即ul的方式：）

在与OP讨论后

进一步更新 - 我们也发现 - 玩家实际上不是div中html的一部分，因此他/她知道需要做什么并清除他的./她的进一步解决方法：）

这应该可以解决问题

   $('.clearit').html('');

Answer 2

您的问题很可能是在加载DOM之前运行该命令。在StackOverflow中打开控制台窗口并运行$("div").empty();。一切都消失了！

Answer 3

您的代码应该正常运行。

请检查

您将代码放在$(document).ready(function() {...})内，简而言之$(function() {..})
您正在正确加载 jQuery库
没有任何拼写错误

如果一切正常，那么您的代码应该可行。

如果没有，请尝试 @Tats_innit 回答。

根据你编辑

我认为你的代码应该可行。

但如果没有，那么你可以试试这个：

$('div[id^=container].clearit').empty();

<强> DEMO

使用jquery清除多个div

3 个答案:

根据你编辑

我认为你的代码应该可行。