我刚创建并开发了一个jQuery插件,它运行正常。但是当我调用多个实例时,某些函数会影响另一个实例。例如,我有项目列表和"删除"每个项目前的按钮。当你点击每个"删除"项目,以下功能将触发:
$('.del-item').each(function(){
$(this).on('click',function(){
var $e = $(this).parent();
var val = $e.data('val');
$sourceBox.find('.source-item[data-val='+val+']').removeClass('selected-item added').find('span').remove();
$el.find('option[value='+val+']').removeAttr('selected').trigger('change');
$el.trigger('change');
$e.slideUp(200,function(){
$e.remove();
});
});
});
但它会从其他列表中删除项目或影响另一个插件实例。请告知我如何才能访问相关项目?