Tag: 突出显示

jqueryfilter脚本不忽略变音符号而不突出显示字符串匹配，因为用户将filter文本输入到文本输入字段中

我在同一个html页面上有多个词汇表。 在每个词汇表上方，我希望用户能够在文本输入字段中键入单词或短语，以仅查看包含键入的字符串（单词或短语）的表行。 例如，如果在文本输入字段中键入“good”，则不包含字符串“good”的表行将消失。 如果你去http://www.amanado.com/idioma-colombiano/ ，点击“Vocabulario（oficial y de jerga） – palabras y frases comunes”扩展手风琴部分，然后输入“good” “在”Ingresa palabra o frase en el siguiente campo para filtrarlainformacióndela tabla“下面的文字输入栏中。 在文本输入字段中键入“good”后，词汇表中除7行外的所有行都将消失（保留7行）。 我有以下3个问题： 1）我无法忽略重音（例如，é，ñ，ü），就像已成功忽略大小写一样。 例如，如果用户在输入字段中输入“que”，则包含“que”和“qué”的行不应消失。 但是，当您键入“que”时，包含“qué”的行会错误地消失。 如您所见，如果在输入字段中键入“que”（不包括引号），则将保留包含“que”的2条记录。 并且，如果您在输入字段中键入或粘贴“qué”（不包括引号），则将保留包含“qué”的6条记录。 2）我正在尝试使用jquery.highlight.js的一个版本来突出显示保持/不消失的行中的字符串匹配。 有关它应如何在视觉上显示的示例，请在此问题摘要的第2段中指示的输入字段中键入“que”，您将看到字符串“que”在保留/不消失的2行中突出显示。 请注意，这不能正常工作，因为我通过插入脚本“$（”table td“）来硬编码”que“突出显示.highlight（”que“）;” 进入html页面的“head”部分，目的是为了certificate（a）jquery.highlight.js是活动的/正在运行的，以及（b）提供一个如何突出显示文本的可视化示例。 3）除了允许用户在字段中输入单词或短语的javascript之外，还只查看包含输入的单词或短语的表行，而不是成功忽略重音（例如，é，ñ，ü），这是所需的行为，jquery.highlight.js脚本也没有成功忽略重音（例如，é，ñ，ü）。 例如，在此问题摘要的第2段中指示的输入字段中键入“pues”，您将在保留/不消失的行中未成功突出显示字符串“Qué”和“qué”的多个案例。 记住，我通过插入脚本“$（”table td“）来硬编码”que“突出显示.highlight（”que“）;” 进入html页面的部分，所以字符串“que”，“qué”，“Que”和“Qué”都应该在表行中突出显示，如果任何字符串“que”，则不会消失。 qué“，”Que“或”Qué“被输入到输入字段中，因为它意图忽略（a）情况和（b）重音（例如，é，ñ，ü）。 值得注意的是，“ignoreAccents”的function性包含在我正在使用的jquery.highlight.js版本中。 以下是： （a）我的html中出现的输入字段; （b）我用来使用户在字段中输入单词或短语以仅查看包含输入的单词或短语的表行的javascript（为了简洁起见，这在下面称为“filterjavascript” ）; 和 （c） jquery.highlight.js javascript的版本我用来突出显示文本。 请注意：我不是软件工程师，但如果有人告诉我具体做什么（例如，做出这个确切的更改，然后做出这个确切的更改，然后做出这个确切的更改），我确实知道如何实施更改。 我感谢任何人都能提供的帮助，特别感谢文字指示。 并且，我总是希望使用最少量的代码（例如，javascript，css，html）来实现最大化。 其他说明/注意事项包含在本问题摘要的底部。 […]

具有BBQ哈希历史记录的jQuery同位素 – 单击后退按钮时突出显示活动类别链接

我有一个简单的测试页面使用优秀的Isotope和BBQ jQuery插件。 两个插件的组合效果很好，但我无法弄清楚如何在单击后退按钮时突出显示活动类别链接。 这是我的HTML： All Red Orange Yellow Green Blue Black 这是我的脚本： $(document).ready(function(){ // cache container var $container = $(‘#gallery’); // initialize isotope $container.isotope({ // options filter: ‘*’, animationOptions: { duration: 750, easing: ‘linear’, queue: false } }); // FILTER $(‘ul.nav a’).click(function(){ var selector = $(this).attr(‘data-filter’); $container.isotope({ filter: selector }); return false; }); // HIGHLIGHT […]

使用jQuery突出显示div，同时使其他人变灰

我已经在这个问题的一半，但已经陷入困境。 我相信过去已经提出过类似的问题，但没有什么是我正在寻找的。 我目前在jsFiddle上有一些演示代码可以在这里查看： http ： //jsfiddle.net/WolfHook/jb36D/ HTML Image in Here… Image in Here… Image in Here… CSS #thumbsContainer { background:#000; padding:20px; overflow:auto;} .imageHolder { background:#eee; float:left; margin:5px; width:50px; height:50px; padding:5px; border:1px solid #666;} jQuery的 $(‘#thumbsContainer’).children(‘.imageHolder’).hover(function() { $(this).siblings().stop().animate({‘opacity’:’0.5′}); }, function() { $(this).siblings().stop().animate({‘opacity’:’1′}); }); 所需的效果是按正常方式显示所有div，然后一旦将鼠标hover在div上，其他周围的div会变灰或添加某种叠加。 目的是给出印象，突出显示鼠标指针所在的div。 你可以看到我在jsFiddle上的代码实现了这个但它对每个div应用了一个不透明度，而不是某种叠加层，这就是导致我出现问题的问题，在我当前的项目中，div位于背景图像上方而不是全黑色背景所以不透明度不会起作用，只会使整个事情看起来令人困惑。 理想情况下，我想在unhighlighted div上应用div叠加，我可以使用CSS来设置灰色效果。 在这个阶段，我完全愿意接受有关如何达到预期效果的建议。 任何人都可以填写并提供一些指示？ 非常感激。

使用jQuery突出显示导航菜单中的当前页面项

我已经在网上阅读了所有这些，但其他一切都过于复杂，我只是想实现一个简单的代码，我可以阅读而无需进入子串和所有这些东西，所以我认为这可能是一个很好的挑战作为一个菜鸟在jquery。 我想出了这段代码，但没有成功。 HTML HOME ABOUT WORKS CONTACT jQuery的 $(document).ready ( function(){ var path = window.location.pathname; $(‘#nav li a’).each(function() { if( path = (“/”+this.id+”/”) ){ this.addClass(‘active’); } else { (‘#home’).addClass(‘active’); } }) }) 我希望你们不要激怒我，我的意图纯粹是学术性的，而不是取得成果。 这里有什么问题？ 我没有得到任何错误日志或任何顺便说一句。 编辑：删除尾随斜杠（感谢贾斯汀），也尝试了Phrogz建议但没有运气。 如果有人能够接受挑战，该网站位于@ egegorgulu.com

用jquery搜索单词并突出显示

我在jQuery中编写了一个javaScript文件，它提供了一个搜索function。 我试图弄清楚如何突出这个词。 贝娄是代码。 Filter.js： (function ($) { // custom css expression for a case-insensitive contains() jQuery.expr[“:”].Contains = jQuery.expr.createPseudo(function(arg) { return function( elem ) { return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0; }; }); function listFilter(header, list, title) { // header is any element, list is an unordered list, title is any element // create and add the filter […]

如何仅突出显示嵌套表的最内层表行？

我有几个嵌套表，我想突出显示鼠标指针下方最里面的行。 我怎样才能做到这一点？ 一些指针：我使用嵌套表来显示递归表格数据。 这些表可以嵌套10层深。 嵌套就像您期望的那样： … 可以有没有嵌套表的行。 我想在鼠标光标下最深/最里面的 上突出显示。 我可以使用CSS或jQuery。

Jquery：点击它时有没有办法突出显示Div的文本？

使用Jquery有一种方法可以突出显示/选择（如果有人用鼠标选择它）我点击的div内的文本？ 不是文本框，只是普通的div。 我正在尝试创建一个“短url”框，当有人点击文本区域时，它会突出显示所有文本，但它也不需要允许人们更改文本框中的文本，但是当文本框被禁用时不能选择任何文字，所以我想这样做，我只是觉得div是最简单的。 对不起，伙计们我最初没有很好地解释我的意思，上面添加了信息以澄清。

jQuery：更改突出显示淡入淡出颜色？

是否有可能将jQuery高亮效果淡化的颜色更改为？ 现在它以黄色开始突出显示，然后淡化为白色然后淡出。 我最终用黄色突出显示背景颜色，然后淡化为透明。

如何突出jquery中的每个单词，以便为每个单词提供定义？

我想要做的是允许用户滚动网页上的任何单词，当鼠标翻过它时，它会突出显示（我知道我可以使用hover）。 但是我不知道如何从段落中选择单个单词。 最终的目标是允许用户点击单词并在单词上显示定义，但我想我可以在我将鼠标hover在单个单词上时解决这个问题。

jQuery – 获取选择的段落，长度等

我正在尝试完成一些我认为在jQuery中应该很简单的事情。 我的网站上有很长的文字。 每当用户选择（突出显示）文本时，我需要获取以下信息： 选择开始的段落 选择开始于该段落中的字符 选择的长度 选择结束的段落（如果突出显示超出一个段落） 选择结束的那一段中的字符 谢谢你;）