{"id":662,"date":"2023-02-10T08:28:06","date_gmt":"2023-02-10T02:58:06","guid":{"rendered":"https:\/\/jassweb.com\/new22\/solved-jquery-find-a-word-in-a-string-and-wrap-it-with-tag\/"},"modified":"2023-02-10T08:28:06","modified_gmt":"2023-02-10T02:58:06","slug":"solved-jquery-find-a-word-in-a-string-and-wrap-it-with-tag-2","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-jquery-find-a-word-in-a-string-and-wrap-it-with-tag-2\/","title":{"rendered":"[Solved] Jquery \u2013 Find a word in a string and wrap it with tag"},"content":{"rendered":"

Introduction <\/h2>\n

[ad_1]<\/p>\n

This tutorial will provide a step-by-step guide on how to use jQuery to find a word in a string and wrap it with a tag. This is a useful technique for highlighting certain words or phrases in a string of text. We will be using the jQuery .each() and .wrap() functions to achieve this. We will also be using regular expressions to identify the words we want to wrap. By the end of this tutorial, you will have a better understanding of how to use jQuery to find and wrap words in a string.<\/p>\n

Solution<\/h2>\n

<\/p>\n

\/\/ Create a function that takes a string and a word as parameters
\nfunction wrapWord(str, word) {
\n \/\/ Create a regular expression to find the word in the string
\n let regex = new RegExp(word, ‘gi’);
\n \/\/ Replace the word with a span tag containing the word
\n let newStr = str.replace(regex, `${word}<\/span>`);
\n \/\/ Return the new string
\n return newStr;
\n}<\/p>\n

\/\/ Call the function
\nlet str = ‘This is a string with a word in it’;
\nlet word = ‘word’;
\nlet newStr = wrapWord(str, word);<\/p>\n

console.log(newStr);
\n\/\/ Output: This is a string with a word<\/span> in it <\/p>\n

<\/p>\n

\n