javascript - 将类添加到具有特定子项的父项

Question

当我点击 .input 类时，我想将类 .hidden 添加到父级，而 .input 的父级类有一个 child .delete。否则，移除父对象而不是仅仅隐藏它。问题是它总是将 .hidden 类添加到父级，无论如何。

HTML:

<div class='container'>
    <input class='input' type='text'>
    <input class='input delete' type='text'>
</div>
<div class='container'>
    <input class='input' type='text'>
</div>

JS:

$('.input').on('click', function() {

    var element = $(this);

    if (element.parent().has('.delete')) {
            element.parent().addClass('hidden');
        } else {
            element.parent().remove();
    }
});

Answer 1

在你的具体情况下

   element.parent().has('.delete')

返回一个 jQuery 对象，其中包含一个或零个 DOM 元素。在“if”语句中使用，这将评估为 true，因此您永远不会得到 else 情况。

改为使用

   element.parent().has('.delete').length

这将返回 0 或 1。零将在 if 语句中评估为 false。