使用jquery检查元素的存在

Question

我有一个页面，我需要动态检查HTML元素的存在。因此我需要知道这样做的正确方法

Answer 1

$('#id').length === 0; // element does not exist 
$('#id').length > 0; // element exists 

Answer 2

你可以这样做：

$(function() {
  if ($('.myElement').length > 0) {
    console.log('There is one or more elements with class="myElement"');
  }
});

Answer 3

就我个人而言，我非常喜欢 Ruby on Rails 中的“存在”习语，因此我将其添加到我的 JS 设置中：

jQuery.fn.presence = function presence() {
    return this.length !== 0 ? this : null;
};

现在在我的代码中使用它：

if (el.presence()) { ... }

还有更好的

const ul = el.parents('UL').first().presence() ?? el.siblings('UL').first()

（如果您负担不起 ??，|| 在这里也可以。）