jquery - 需要帮助了解jQuery语法的操作顺序

到目前为止，我一直在努力解释其他人的代码和方法，以部署有效而优雅的jQuery，但是我经常得到一些选择，这些选择后来使我感到困惑，这是我应该注意的。通常可以简化为几个确定可以简化的调用。

我想做的是

1-检查id是否具有特定的声明名称（ID名称），

2-删除controlbar类（如果它不以M4V或结尾）

3-如果#postvideo为空，或者如果articlePost的父div中不存在普通'ol'隐藏.controlbar

4-但是，如果它确实以M4V结尾，请将其分离并附加，并将其元素属性添加到元素#fold-above ...简单吧？我知道，也许不是。

我尝试使用的示例代码：

$('#postvideo').not('[src$=".m4v"]').empty().each(function() {
    $(".controlbar").remove();  //elements whose src doesn't end with `.m4v`
});

$('.articlePost').empty('$("#postvideo").function() {
    $(".controlbar").remove();
});

$("#postvideo").detach().appendTo("#fold-above");

相同的id，多个呼叫。任何人都可以帮助解释将所有这些内容放入简洁的代码中的方式和原因吗？

最佳答案

$(".controlbar").remove();将使用class controlbar删除所有项目-每次相同。无需为此使用每个，如果您只想删除该类，请尝试使用此方法

$('#postvideo .controlbar').not('[src$=".m4v"]').each(function() {
  $(this).empty().removeClass("controlbar");
});

甚至比阿伦展示的还要短...