替换仅适用于前2个列表项

Question

I am using SharePoint 2013 in the cloud. I have a page with a list WebPart that displays a view I setup that groups list items. This creates an expandable tree view.

I am trying to remove the preceeding column name from each of the list items. The column name is Group , so each list items is displayed as Group : Item . The column name and the list item value are both wrapped in links, so I need to remove the Group portion and the : that is left in the middle.

I am using the following code:

$("a:contains('Group')").closest("td").html( 
    function(index, text) {
        return text.replace(' : ', ' ');
    }
);
$("a:contains('Group')").html(
    function(index, text) {
        if(text.indexOf('Info') < 1) {
            return text.replace(/Group/, '&nbsp;');
        }
    }
);

The Group portion works fine.

I have used this code on another site with a similar page and it removes all the column names and colons. When I do it on this page, it stops removing the colons after the 2nd list item. For example

Group : Item 1
Group : Item 2
Group : Item 3
Group : Item 4

turns into

Item 1
Item 2
: Item 3
: Item 4

Answer 1

After trying a few methods for removing the unwanted text, I decided to change the column name value from "Group" to "Area". Since the Page had "Group Info Wiki" on it and I was trying to prevent that "Group" text from changing, I had

if(text.indexOf('Info') < 1) {
      return text.replace(/Group/, '&nbsp;');
}

By removing the if statement part of the code, it fixed the problem.