javascript - 向子元素输入值为空的父元素添加类？

Question

单击按钮 #btn-modal-clear 时，我想选择一个类并将其添加到 li 中，它是 sub-child 输入为空 (value="")。我该怎么做？

html:

<li>...<li> 
<li>
    <a class="myCheckboxLink" tabindex="0">
        <span class="myCheckboxSpan">
            <i class="fa fa-check fa-check-checkbox" aria-hidden="true"></i>
        </span>
        <label class="radio">
            <input value="" type="radio">Name
        </label>
    </a>
</li>
<li>...<li>     

js:

$('#btn-modal-clear').on('click', function() {  
    $('.select-name').multiselect('select', ['']);
    $('.select-name').multiselect('updateButtonText');

    ... .addClass("active"); 

});

所以结果应该是:

html:

<li>...<li> 
<li class="active">
    <a class="myCheckboxLink" tabindex="0">
        <span class="myCheckboxSpan">
            <i class="fa fa-check fa-check-checkbox" aria-hidden="true"></i>
        </span>
        <label class="radio">
            <input value="" type="radio">Name
        </label>
    </a>
</li>
<li>...<li> 

fiddle :https://jsfiddle.net/ewm9pbqv/

Answer 1

在这种情况下，您可以将 .filter() 与 .addClass() 一起使用:

$('li').filter(function() { 
   return $(this).find('input:radio').val() == ""; 
}).addClass('active');