如何在jQuery中从文本输入中突出显示段落

Question

I'm starting to learn jQuery today. I'm currently on 24th tutorial PHPachademy . I'm having a lot of problems getting this particular tutorial to work correctly. I'm pretty sure it's a semantic error >_<;;

Heres an Attempt JSfiddles

Lastly could someone explain why there this line to me?

('" + search_name + "')

why are there so many + 's and '" in the line?

Answer 1

$('#names li').removeClass('highlight');

Instead of

$(#names li).removeClass('highlight');

You reference the #names variable instead of using the '#names li' string

Fixed fiddle

Lastly could someone explain why there this line to me? ('" + search_name + "')

:contains selector docs :

Description: Select all elements that contain the specified text. The matching text can appear directly within the selected element, in any of that element's descendants, or a combination thereof. As with attribute value selectors, text inside the parentheses of :contains() can be written as a bare word or surrounded by quotation marks. The text must have matching case to be selected.

Fiddle without the quotation marks

By the way, since you're trying to learn jQuery

An important rule about jQuery is, jQuery shouldn't can can't replace javascript! it's an abstraction library above javascript. Don't over use it, this.value can bring you the value of input a lot easier and faster then $(this).val() .

You can read more here

Answer 2

just add "

$("#names li")

http://jsfiddle.net/Hg72b/7/

Answer 3

Answer 4

When referencing something in the dom jquery always parse a string in the form of

$('somethingtosearchfor').doSomethingOnIt()

In your case, you are building a jquery line from a search_name variable so you have to do a concatenation (+) between strings that are delimited by ". With this concatenation, you are building the jquery syntax to search in the dom and this syntax must be a string so you concatenate ' chars with your search name to have as a result the same syntax as gdoron mention