how to click data randomly in same div name. data pick by data-position in same div button
html
<div class="wrap">
<button data-position="1" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="2" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="3" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="4" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="5" class="block-shadow play">
<div class=""></div>
</button>
</div>
** jquery**
window.setInterval(function() {
var tile1 = Math.floor((Math.random() * 5) + 1);
//search_last_bomb();
$('#block-shadow play').first().find('[data-position=' + tile1 + ']').click();
//document.getElementsByClassName("fal fa-sync")[0].click();
}, 200);
Thanks for helping
Just select directly the element that you want to click
setInterval(function() {
let tile1 = Math.floor((Math.random() * 5) + 1);
$(`[data-position=${tile1}]`).click();
}, 200);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrap">
<button data-position="1" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="2" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="3" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="4" class="block-shadow play">
<div class=""></div>
</button>
<button data-position="5" class="block-shadow play">
<div class=""></div>
</button>
</div>