Javascript 单击一个元素上的事件以触发单击属性选择器不工作的元素

我正在尝试制作一个脚本，允许我单击一个div，然后单击触发单击另一个div。这另一个元素在外部，与第一个元素相去甚远

元素im单击：

<div id="one">
</div>

---

它根本就不是这样工作的，我不知道为什么。

请为这个问题创建一个新的解决方案。从这些小片段开始，你所拥有的东西在语法上没有什么错误。你使用的是哪种插件？请提供最小的可复制的例子，这样人们就可以帮助你，而不是我们想象事情然后试图解决问题。

<div class="swiper-slide" style="width: 356.6px;" data-slide-number="1" data-swiper-slide-index="1"></div>

$(document).on('click', '#one', function(event) { 
    $('[data-slide-number="1"]').click();
});