在子元素輸入值為空的父元素中添加類？

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/

Answer 1

您可以使用.filter()與.addClass()在這種情況下：

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

Answer 2

嘗試這個

$('li input[value=""]').closest("li").addClass('active');