jquery - 如果选中元素，则添加类，但在加载时不单击

Question

所以我有这个html代码：

<div class="panel-radioimage">
<div class="radio-image-wrapper">
<label for="1"><img src="http://127.0.0.1/wordpress/wp-content/themes/bluestudio5/images/patterns/1.png" alt="image" class="admin-patterns">
<div class="check-list"></div></label>
<input class="farm_img_pattern" type="radio" name="farm_img_pattern" value="1.png" checked>
</div>

我页面上的这些元素很少，我想在页面加载时检查输入时将类“checked-list”添加到类“check-list”中。所以我尝试了这个在点击事件之前有效的方法：

 if(jQuery('.farm_img_pattern').is(':checked')){
        jQuery(this).parent().find(".check-list").addClass("checked-list");
    }

但它不工作。问题出在“这个”上有人知道在页面加载时获取检查元素的解决方案吗？

Answer 1

我想你想要更像这样的东西：

jQuery('.farm_img_pattern').filter(':checked').each(function(index) {
    jQuery(this).parent().find(".check-list").addClass("checked-list");
});

Answer 2

在click事件中，this将被单击的元素。只需使用元素的选择器：

if(jQuery('.farm_img_pattern').is(':checked')){
  jQuery('.farm_img_pattern').parent().find(".check-list").addClass("checked-list");
}