JSFiddle - React, Tailwind, and code Playground

by KevinIsNowOnline

HTML

<span title="Group of CRC Users that can be placed as authors of the study/publication, so they will be able to modify it." id="ctl00_ContentPlaceHolder1_ctl00_AuthorGroupLabel">
    Author Group(s)</span>

<span title="MM Author Group, karen group author, CMK, Executives, PRT" class="TxtBox" id="txtctl00_ContentPlaceHolder1_ctl00_lstAuthorGroups" style="width: 120px; border-top-style: inset; border-right-style: inset; border-bottom-style: inset; border-left-style: inset; display: inline-block;">aaa,bbb,ccc</span>

CSS

span {
}

JavaScript

var techniqueCheck = function (isMM) {
    var selector = $("span:contains('Author Group(s)')").next();
    var isMMAuth = isMM;

    if (isMMAuth) {
        var authorValue = selector.html();
        var splitAuthors = authorValue.split(',');
        //clear values
        selector.html('');
        for (var ctr = 0; ctr < splitAuthors.length; ctr++) {
            selector.append(splitAuthors[ctr] + ',');
            console.log(splitAuthors[ctr]);
        }
        selector.append('MM Author');
    }
};


techniqueCheck(true);