Тема: Класс RegExp
Показать сообщение отдельно
  #2 (permalink)  
Старый 01.07.2017, 22:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

LinaInverse,
<head>
  <meta charset="utf-8">
</head>
<body>
  <input type="text">
  <div>Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Свой подзаголовок, эта напоивший текста по всей до одна несколько обеспечивает свой все, рукописи мир то продолжил скатился дал алфавит всеми.</div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script>
function escapeRegExp(string){
  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

var str = $('div').text();
$('input').on('input', function(){
var v = this.value;
var inp = new RegExp(escapeRegExp(v), 'g'); 
var text = str.replace(inp, '<span style="color:red">'+v+'</span>');
$('div').html(text);
});
  </script>
</body>

Последний раз редактировалось рони, 01.07.2017 в 22:26.
Ответить с цитированием