JSFiddle - React, Tailwind, and code Playground
by harifrais
HTML
<span class ="vName" >John as doe,</span>
<span class ="vName" >Hari as prasad,</span>
<span class ="vName" >Dinesh as din,</span>
<span class ="vName" >Karthik as karti</span>
JavaScript
var designerName = [];
designerName.push($('.vName').text());
// alert(designerName);
//designerName = designerName.split(" ")[0];
designerName = (/ as /).test(designerName) ? designerName.split(" ")[0]
: designerName;
alert(designerName);