Как удалить текст из выбранного текста, который по умолчанию загружается на странице?

Когда мы обновляем или перезагружаем страницу, вы можете видеть выделенный текст в середине круга, когда вы нажимаете на изображение ниже:

1. Обсудить цели и проблемы
2. Анализ денежного потока
3. Налоговый анализ …

И так далее.

Пример: http://ivyfa.advisorproducts.com/financial-planning-process

• Строка JSON для объекта JS
• Исправить заголовок таблицы в верхней части прокручиваемого div
• Динамическая дата и время с моментами .js и setInterval
• Как использовать JavaScript или jQuery для чтения пикселя изображения, когда пользователь нажимает на него?
• Почему я не могу определить функции в документе jQuery document.ready ()?

Выбранный текст подходит только для первого щелчка – при повторном нажатии на эти части изображения вы не увидите выделенный текст. Поэтому я хочу удалить выделение из текста при первой же попытке.

Мне сложно объяснить эту проблему. Ниже приведен код JS, который я использую – я думаю, что проблема заключается в функциональности ChangeText() .

 /*----------Text change on click - Our Process page---------------*/ var prev; var IdAry = ['slide1', 'slide2', 'slide3', 'slide5', 'slide8', 'slide9', 'slide12', 'slide13', 'slide14', 'slide15', 'slide16']; window.onload = function() { for (var zxc0 = 0; zxc0 < IdAry.length; zxc0++) { var el = document.getElementById(IdAry[zxc0]); if (el) { setUpHandler(el); el.onmouseover = function() { $(this).addClass("hover"); } el.onmouseout = function() { $(this).removeClass("hover"); } } } } function setUpHandler(el) { /*---------This is used to add selected class on clicked id only and remove class selected from rest---------*/ $("#" + IdAry.join(",#")).click(function() { $(this).addClass("selected"); $("#graphics .selected").not(this).removeClass("selected"); }) /*---------This will add show hide class to thier spans and vise versa-------*/ $("#" + IdAry.join(",#")).click( function() { changeText(this, "hide", "show"); }, function() { changeText(this, "show", "hide"); }) } function changeText(obj, cl1, cl2) { obj.getElementsByTagName('SPAN')[0].className = "hide"; obj.getElementsByTagName('SPAN')[1].className = "show"; if (prev && obj !== prev) { prev.getElementsByTagName('SPAN')[0].className = "show"; prev.getElementsByTagName('SPAN')[1].className = "hide"; } prev = obj } 

Я хочу удалить выделенный текст из текста посередине, когда вы нажмете на тег-тег другого-2.

Изображение для просмотра выделенного текста:

 function clearSelection() { if (window.getSelection) window.getSelection().removeAllRanges(); else if (document.selection) document.selection.empty(); }