JSFiddle - React, Tailwind, and code Playground
HTML
<div class="selectme">Some text to highlight</div>
<div> Don't select this </div>
<div class="selectme">Select this text too.</div>
<br>
<p>Click me!</p>
JavaScript
function SelectText(element) {
console.log(element);
var strongs = document.getElementsByClassName(element);
var s = window.getSelection();
console.log(s);
if(s.rangeCount > 2) s.removeAllRanges();
for(var i = 0; i < strongs.length; i++) {
var range = document.createRange();
range.selectNode(strongs[i]);
s.addRange(range);
console.log("test: " +i);
}
}
$(document).ready(function(){
$('p').click(function() {
myClass="selectme";
SelectText(myClass);
});
});