如何在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提及相同