Question

我有以下代码似乎无法正常工作。视频应仅在没有空Div的情况下播放，并且如果这些Div中没有一个具有“错误”类别，则当前视频在单击按钮时播放。它完全忽略了条件，并且在单击运行按钮时始终在播放。

所以代码说明当点击“运行”按钮时，如果以“Drop”开头的Div不为空且没有“错误”类，则播放map1视频。

我已经尝试过，我似乎无法弄清楚为什么它完全无视条件。

JS：

$("#run").click(function(){       
    if ($("[id^='Drop']").not(":empty") && $("[id^='Drop']").not(".wrong")){
     $('#map1').get(0).play();
    };
});

Answer 1

不使用多个ID，而是使用类

您可以链接选择并过滤掉:empty和.wrong整体，并检查返回元素的长度是否为零

 $("#run").click(function(){       
   if ($("[id^='Drop']").filter(":empty").filter(".wrong").length==0){
    alert("yes")
    };
  });

<强>演示：

＆＃13;

 $("#run").click(function(){       
   if ($("[id^='Drop']").filter(":empty").filter(".wrong").length==0){
    alert("yes")
    };
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="Drop">
 <p>asas</p> 
</div>
<div id="Drop">
 <p>asas</p> 
</div>
<button id="run"> run </button>

＆＃13;

如果满足条件播放视频不起作用

1 个答案: