Search jQuery

jQuery Forum

Find part of a string and style it

in Getting Started • 8 years ago

Hello there. I am a beginner to jQuery, and I am trying to accomplish what seems like an easy task. I want to find a certain word in a string, and when it is clicked on, go to another page. I know that I need to use

window.location.href = ""; for the redirect. My string is Come play with us, and I want to redirect to a page when us is clicked on

Replies(7)

jakecigar

Re: Find part of a string and style it

8 years ago

Strings don't have links in them. Only HTML has links in it. What is the HTML?

JΛ̊KE

burn123

Re: Find part of a string and style it

8 years ago

I confuse strings with HTML text a lot. The code looks like

<div class="greetings">Come play with us</div>

So I need a code that will search the text inside of .greetings, find the word us, and give it a

window.location.href. There are a lot of these, so I need a solution that will be applicable for many divs

jakecigar

Re: Find part of a string and style it

8 years ago

$(function(){
$('.greetings:contains(us)').html(function(){ // get the probably greetings
return $(this).text().replace(/\bus\b/ig,function(s){ // change any "us"
return "<span class='us'>"+s+"</span>" // to a span
})
}).find('span.us').click(function(){ // all these spans
location = "somewhere.html" // go somewhere
})
})
</script>

JΛ̊KE

burn123

Re: Re: Find part of a string and style it

8 years ago

Thank you! Can you explain line 3? I'm not really sure what all that means

jakecigar

Re: Find part of a string and style it

8 years ago

Line 3 says

Git yer text.
Change any word "us" // this is the \b stuff, and there is a link under the comment about \b.
to the result of a function.

Line 4 says

Return a span with the same word (us) that can later be linked to.

When I write code I often do many things on one line and often use the most abbreviated code, so understanding one line of my code may take a little longer than one line of someone else's code.

JΛ̊KE

burn123

Re: Re: Find part of a string and style it

8 years ago

This only selects whole words that are "us". How would you change this so that it matches every time the 2 letters are together? I can't understand how the word boundaries work

jakecigar

Re: Find part of a string and style it

8 years ago

You would just not use the two \b (word boundaries). You can also remove the i at the end of the regular expression to make it only find lowercase us.

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Find part of a string and style it

Replies(7)

Re: Find part of a string and style it

Re: Find part of a string and style it

Re: Find part of a string and style it

Re: Re: Find part of a string and style it

Re: Find part of a string and style it

Re: Re: Find part of a string and style it

Re: Find part of a string and style it

Statistics

Tags

Actions