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> 

小提琴：https ://jsfiddle.net/ewm9pbqv/

标签： javascriptjqueryhtmlcss

Answer 1

在这种情况下，您可以使用.filter()with ：.addClass()

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