Обернуть в спан первое слово

<script>

let title = document.querySelector('h2.woocommerce-loop-product__title');
let arr = title.innerHTML.split(' ');
arr[0] = '<span>' + arr[0] + '</span>';
title.innerHTML = arr.join(' ');

</script>

<script type="text/javascript">
/* <![CDATA[ */

jQuery(document).ready(function(){
jQuery(".woocommerce-loop-product__title").each(function () {
this.innerHTML = this.innerHTML.replace( /^(.+?):/, "<span>$1</span> " );
});
});

/* ]]> */
</script>

Обернуть в спан первое слово