将 (this) 附加到辅助 jquery 元素

Question

我想在这个实例中定位.sf-input-checkbox类。但我的(this)反而附在.searchandfilter上。

$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
if ( $('.sf-input-checkbox').is(":checked") ) {
$(this).addClass('jordanchecked');
}
});

目前的结果：

<div class="searchandfilter jordanchecked">
<input type="checkbox" class="sf-input-checkbox">
</div>

我在此之后：

<div class="searchandfilter">
<input type="checkbox" class="sf-input-checkbox jordanchecked">
</div>

Answer 1

问题是您的JS 中在事件处理程序的this和复选框之间没有关系链接。这种缺失的关系是亲子关系。

$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
let cb = $(this).children('.sf-input-checkbox');
if (cb.is(":checked")) cb.addClass('jordanchecked');
});