页面中两个相同的类名称元素时，动态通用函数发生冲突

Question

$(document).on('change','body .custom_multiselect',function(){ 
            //console.log(this.value);
            if (this.value=='All') {

                $("option", this).prop("selected","selected");
                $("option:first", this).prop("selected",false);
                $("option:first", this).val("None",false);
                $(this).find('option:eq(0)').text("Deselect All");                
            }
            if (this.value=='None') {

                $("option:selected", this).prop("selected", false);
                $("option:first", this).val("All",false);
                $(this).find('option:eq(0)').text("Select All");
            }
            $(this).parents(".form-group").addClass("focused");
            $(this).select2();
            $(this).valid();
            //-------code to go out from multiselet to outer div (cutom code for srolling disable issue)-------
            $(this).next('span').find(".select2-selection__rendered").click().click();

        });

如果页面中只有一个custom_multiselect类元素，则以上代码可以正常工作，但是如果同一类中有多个元素，则上述代码不起作用，据我所知应该与元素自己的change事件一起使用，但始终应用于第一个元素。有关在页面第一个元素中应用的更改事件的信息。谢谢！