Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将css添加到与搜索框中的单词匹配的div中的单词?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何将css添加到与搜索框中的单词匹配的div中的单词?

Jquery 如何将css添加到与搜索框中的单词匹配的div中的单词?,jquery,html,css,Jquery,Html,Css,我有一个搜索框,您可以在其中搜索单词,页面将在页面描述中显示搜索的单词。这意味着如果您搜索的单词在页面描述中,那么它将显示指向页面和页面描述的链接。我需要能够从结果中显示的描述中提取搜索到的单词,我需要在描述中突出显示该单词。 这是我到目前为止所拥有的。但这是行不通的 var searchValue = $(".search-query").val(); //searchValue is the word you type in the input box $( ".searchResults

我有一个搜索框,您可以在其中搜索单词,页面将在页面描述中显示搜索的单词。这意味着如果您搜索的单词在页面描述中,那么它将显示指向页面和页面描述的链接。我需要能够从结果中显示的描述中提取搜索到的单词,我需要在描述中突出显示该单词。 这是我到目前为止所拥有的。但这是行不通的

var searchValue = $(".search-query").val(); //searchValue is the word you type in the input box

$( ".searchResults-description:contains('" + searchValue + "')").css("background-color", "#fadcd9" ); 

请帮忙!当我单击“搜索”时,单词将保留在我的搜索框中。重新加载页面后,我将其放回输入框。但我不需要在description div中突出显示这个词,无论这个词出现在哪里

您正在检查页面加载时搜索框的值,因此searchValue变量始终为空。您需要做的是在输入更改时获取值。有一种方法可以做到这一点,那就是使用。这应该让你开始:

$function{ $'.search query'.keyup函数{ var searchValue=$.search-query.val; $.searchResults说明:包含“+searchValue+”.cssbackground颜色,fadcd9; }; }; 洛勒姆
伊普苏米的意思是。。。我们真的不知道。。。这可能刚刚被排除在问题之外。我们甚至不知道在这种情况下不工作意味着什么。它甚至不工作。键入L,然后按backspace。这应该可以让您开始。我只是简单地解释了为什么OP提供的代码不起作用。我不会假设知道他们正在寻找的确切功能。你能解释一下什么不起作用吗?我已经在这个上下文中测试了您的代码,它工作得很好;dr OP what's search box充当描述的筛选CMD/CTR+F。只突出显示description.OP中的实际单词,请添加一些html,以便我们了解描述的格式