[英]Adding class to parent element where sub-child element input value is empty?
When clicking on button #btn-modal-clear
I would like to select and add a class to the li
where it's sub-child
input is empty (value="")
. 当单击按钮#btn-modal-clear
我想选择一个类并将其添加到li
,其中它的sub-child
输入为空(value="")
。 How do I do this? 我该怎么做呢?
html: 的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: js:
$('#btn-modal-clear').on('click', function() {
$('.select-name').multiselect('select', ['']);
$('.select-name').multiselect('updateButtonText');
... .addClass("active");
});
So result should be: 所以结果应该是:
html: 的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/ 小提琴: https : //jsfiddle.net/ewm9pbqv/
You can use .filter()
with .addClass()
in this case: 您可以使用.filter()
与.addClass()
在这种情况下:
$('li').filter(function() {
return $(this).find('input:radio').val() == "";
}).addClass('active');
尝试这个
$('li input[value=""]').closest("li").addClass('active');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.