Javascript DateRangePicker cancelBtn重复项重定向到同一页

我有一个pos系统，有三个区域使用DateRangePicker插件。 除了“取消”按钮外，其他一切都正常工作

对于前两个区域，我使用了不同的类

$(".daterangepicker.opensleft .range_inputs .cancelBtn").on("click", function(){

    localStorage.removeItem("capturarRango");
    localStorage.clear();
    window.location = "ventas";
})

及

我有一个在左边打开，另一个在右边打开，所以当我点击取消按钮时，每个页面都会自动刷新

问题是到第三个，我不知道还有什么可以更改或添加，这样它就不会覆盖其他两个

$(".daterangepicker.opensleft .range_inputs .cancelBtn").on("click", function(){

    localStorage.removeItem("capturarRango3");
    localStorage.clear();
    window.location = "caja-diaria";
})

这样，具有.opensleft类的两个项目都将重定向到同一页面

有没有办法解决这个问题

问候

$(".daterangepicker.opensleft .range_inputs .cancelBtn").on("click", function(){

    localStorage.removeItem("capturarRango3");
    localStorage.clear();
    window.location = "caja-diaria";
})