javascript - .has() 函数在 if 语句中不起作用 (jQuery)

Question

我有这个代码:

if ($('.workflow-item:eq(0)').has(".tube-wrapper")) {
  itemresT = 0;
  console.log('0 has tube')
} else if ($('.workflow-item').eq(1).has(".tube-wrapper")) {
  itemResT = 1;
  console.log('1 has tube')
} else if ($('.workflow-item').eq(2).has(".tube-wrapper")) {
  itemResT = 2;
  console.log('2 has tube')
} else if ($('.workflow-item').eq(3).has(".tube-wrapper")) {
  itemResT = 3;
  console.log('3 has tube')
} else {}

这很简单，它会检查四个 .workflow-item 是否包含元素 .tube-wrapper。

在我的例子中，.workflow-item 编号 3 包含 .tube-wrapper，因此它应该返回“2 有管”。但是，它每次都会返回“0 has tube”。即使我将 .tube-wrapper 放在 .workflow-item number 4 中也是如此。

Answer 1

如果条件永远为真，因为 has() 返回 jQuery 对象，它将始终为真，因为定义的变量被接受为真值。您可以使用 length 它的属性或 size() 方法。

if($('.workflow-item').eq(1).has(".tube-wrapper").length)

---

或者您可以使用 is() 与 :has() 选择器

if($('.workflow-item').eq(1).is(':has(.tube-wrapper)'))