javascript - html获取多层次的div标签

Question

我在 div 标签 上得到了 class required，我想删除它 change function of text field ，但我无法达到那个 div 级别，请帮助我达到 this.parent.parent.closest('div')

<div class='required'>
    <div>
        <div>
            <input type='text' value='123' onchange(removeRequired(this, this.parent.parent.closest('div')))/>
        </div>
    </div>
</div>
<script type='text/javascript'>
    function removeRequired(elm1, elm2){
        if ($(elm1).val()) {
            $(elm2).removeClass('required');
        }
    }
</script>

Answer 1

看来你想要的是根据输入是否为空添加/删除所需的类。

$('.required').on('change', 'input', function(event) {
   // add or remove required class
   $(event.delegateTarget)
       .toggleClass('required', this.value.length === 0);
});

它将与以下 HTML 一起工作:

<div class='required'>
    <div>
        <div>
            <input type='text' value='123'/>
        </div>
    </div>
</div>

它在最外层设置事件委托(delegate)<div>元素，然后设置或删除 required基于输入值的类。

Demo