JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first.1.end">first.1.end</div>
<div id="first.2.end">first.2.end</div>
<div id="two.3.end">two.3.end</div>
<div id="first.4.end">first.4.end</div>

JavaScript

var endWith = $('div[id$="end"]');
console.log(endWith.length);

var startWith = $('div[id^="first"]');
console.log(startWith.length);

endWidth = document.querySelectorAll('div[id$="end"]');
startWith = document.querySelectorAll('div[id^="first"]');
console.log(endWith.length);
console.log(startWith.length);

var startAndEnd = document.querySelector('div[id^="two"][id$="end"]');
console.log(startAndEnd.innerText);