JSFiddle - React, Tailwind, and code Playground

HTML

<div>foo bar</div>
<div>bar foo</div>

JavaScript

$.extend($.expr[":"], {
    "starts-with": function(elem, i, data, set) {
        var text = $.trim($(elem).text()),
            term = data[3];
        
        return text.indexOf(term) === 0;
    },

    "ends-with": function(elem, i, data, set) {
        var text = $.trim($(elem).text()),
            term = data[3];
        
        return text.lastIndexOf(term) === text.length - term.length;
    }
});

console.log($("div:starts-with('bar')"));
console.log($("div:ends-with('bar')"));
console.log($("div:contains('bar')"));