javascript - 使用 jquery 检查元素是否存在

Question

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

Answer 1

你可以这样做：

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

Answer 2

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

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()

（如果你买不起??，||也可以在这里做。）