JSFiddle - React, Tailwind, and code Playground
HTML
<div class="owl-dots" style="">
<div class="owl-dot"><span>foo </span></div>
<div class="owl-dot"><span>foo </span></div>
</div>
JavaScript
var counter = 1;
$('.owl-dot').each(function() {
$(this).find(span).html(counter);
counter++;
});