如何在jQuery中從文本輸入中突出顯示段落

Question

我今天開始學習jQuery 。 我目前在第24篇教程PHPachademy上 。 我在使此特定教程正常工作時遇到很多問題。 我很確定這是一個語義錯誤> _ <;;

繼承人嘗試JSfiddles

最后有人可以向我解釋為什么要這樣做嗎？

('" + search_name + "')

為什么行中有這么多的+和'" ？

Answer 1

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

代替

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

您引用#names變量，而不使用'#names li'字符串

固定小提琴

最后有人可以向我解釋為什么要這樣做嗎？ （'“ + search_name +”'）

:contains選擇器文檔 ：

說明：選擇包含指定文本的所有元素。 匹配的文本可以直接出現在所選元素中，該元素的任何后代或其組合中。 與屬性值選擇器一樣， ：contains（）括號內的文本可以寫為裸詞，也可以用引號引起來。 文本必須具有匹配的大小寫才能選擇。

無引號的小提琴

順便說一句，由於您正在嘗試學習jQuery

關於jQuery的一個重要規則是，jQuery不能不能取代javascript！ 這是javascript之上的抽象庫。 不要過度使用它，與$(this).val() ， this.value可以為您帶來輸入值的便捷$(this).val() 。

你可以在這里閱讀更多

Answer 2

只需添加“

$("#names li")

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

Answer 3

Answer 4

當引用dom jquery中的內容時，始終以以下形式解析字符串：

$('somethingtosearchfor').doSomethingOnIt()

在您的情況下，您正在從search_name變量構建一個jquery行，因此必須在以“分隔的字符串之間執行串聯（+）。通過此串聯，您正在構建jquery語法以在dom和此語法中進行搜索必須是一個字符串，這樣您才能將'chars與您的搜索名稱連接起來，使其語法與gdoron提及相同