Могу ли я скрыть определенный символ (,) из браузера?

Question

Полный нуб здесь.CMS, которую я вынужден использовать, выплевывает запятые (,) на странице, и я хочу скрыть их от зрителя, поскольку они портят мой макет.

Код (который я НЕ МОГУ редактировать), как правиловыглядит так:

<img class="" src="https://via.placeholder.com/350x150"> , <img class="" src="https://via.placeholder.com/350x150"> , <img class="" src="https://via.placeholder.com/350x150"> ,

Однако я могу обернуть вышеупомянутый HTML в div.Я также могу добавить javascript или jquery в верхний или нижний колонтитул страницы.Страница содержит несколько случаев, когда есть блоки изображений - иногда у меня может быть 4 или 5 изображений вместе - все в настоящее время разделяются запятыми.Эти запятые появляются в браузере, и я хочу их удалить.

Рабочая демонстрация, в которой эти запятые удалены, была бы удивительной.Спасибо всем, кто это прочитал.

Answer 1

Вы можете использовать jQuery для обхода всех тегов img и перестраивать их без запятой.Оберните их в div с id = "rawimgs" и сделайте что-то вроде

    var newimg_html = ""; //create variable to hold new html

    //attack your problem head on
    $("#rawimgs img").each(function( index )
    {  
        newimg_html += '<img src="' + $(this).attr("src") + '" />';

    });

    $("#rawimgs").html(newimg_html);

Возможно, я не совсем прав, но это общая идея.

Answer 2

Не самое симпатичное решение, но я думаю, что вы можете понять суть.Просто удалите запятые из содержимого div, поскольку вы сказали, что можете это сделать.

container.html().replace(/,/g, "")

Пример для JSFiddle