How to make sure that the arrows that are outside the .owl-carousel do not repeat?

Question

JavaScript

Hello. I have several identical sliders on a page. I want to move the arrows outside the block into the corresponding .arrows blocks. But at the same time, the arrows are repeated. If there are three sliders on the page, then each block will have six arrows. What can be done in such a case? How to fix this?

Link to example

Answer 1

navContainer: $(this).prev().find('.arrows')
but in general, it would be nice to make sure that .arrowsboth .i-catalogListhave a common ancestor