Tag: 突出显示

文本匹配不适用于阿拉伯语问题可能是由于阿拉伯语的正则表达式

我一直在努力为我的多语言网站添加function，我必须突出显示匹配的标记关键字。 此function适用于英语版本，但不适用于阿拉伯语版本。 我在jsFiddle上设置了样本 示例代码 function HighlightKeywords(keywords) { var el = $(“#article-detail-desc”); var language = “ar-AE”; var pid = 32; var issueID = 18; $(keywords).each(function() { // var pattern = new RegExp(“(“+this+”)”, [“gi”]); //breaks html var pattern = new RegExp(“(\\b”+this+”\\b)(?![^)”, [“gi”]); //looks for match outside html tags var rs = “$1”; el.html(el.html().replace(pattern, rs)); }); } HighlightKeywords([“you”,”الهدف”,”طهران”,”سيما”,”حاليا”,”Hello”,”34″,”english”]); […]

获取突出显示的文本

当我在 选择一些文本时，我希望突出显示的文本出现在div下方的文本框中。 我该怎么做？ My text goes here.

在jQuery中突出显示带有（和没有）重音字符/变音符号的单词

我正在使用jquery.highlight插件： http ： //code.google.com/p/gce-empire/source/browse/trunk/jquery.highlight.js？ r = 2 我用它来突出显示搜索结果。 问题是，如果我搜索“café”这样的东西，它就不会突出显示任何单词。 如果我搜索“咖啡馆” ，即使我的结果包含“咖啡馆”和“咖啡馆” ，它也只会突出“咖啡馆” 。 所以，我需要突出显示所有单词的“版本”，无论是否有变音符号。 那可能吗？

突出显示jQuery.autocomplete的多个关键字

我正在使用jQuery Autocomplete插件 ，但我在结果突出显示时遇到了一些问题。 找到匹配项但输入的关键字包含空格时，没有突出显示。 例： search =“foo”，result =“foo bar”，显示=“ foo bar” search =“foo ba”，result =“foo bar”，显示=“foo bar” 所以，我正在尝试使用自动完成function的高亮选项来修复此问题，您可以使用函数对结果执行一些自定义操作。 目前我有这个： $(‘.autocomplete’).autocomplete(‘getmatch.php’, { highlight: function(match, keywords) { keywords = keywords.split(‘ ‘).join(‘|’); return match.replace(/(get|keywords|here)/gi,’$1′); } }); replace函数用粗体版本替换字符串中所有匹配的单词，这有效。 但是，我不知道如何将关键字放入该function。 我虽然将它们分开，然后用’|’加入它们，所以“foo bar”最终会像“foo | bar”一样。 但是像这样的东西似乎不起作用： return match.replace(/(keywords)/gi,’$1′); // seen as text, I think return match.replace(‘/’+(keywords)+’/gi’,’$1′); // nothing either 有任何想法吗？

启用突出显示单击以查看jQuery Map突出显示

我正在使用jQuery Highlight插件（http://davidlynch.org/js/maphilight/docs/）制作图表，我目前有可点击的图表，并根据您点击的区域加载内容（如简单的标签） 。 但是，我需要在点击时突出显示地图并禁用任何其他突出显示的区域。 现在，我可以在点击时突出显示区域，但不禁用任何现有的高光。 我还想让图表在hover时切换内容，但现在这不像点击时的重点那么重要。 我有我当前的版本进行演示： http ： //jsfiddle.net/keith/PVpgK/ 或全屏结果： http ： //jsfiddle.net/keith/PVpgK/embedded/result/ 在此先感谢您的帮助

如何用Javascript或jQuery突出显示页面上所有出现的单词？

我有一个关键字列表，然后是一个包含页面上这些关键字的句子列表。 我想让关键字列表可以点击。 当用户点击关键字时，该关键字的所有出现都会在句子中突出显示。 我怎么能用jQuery或原始Javascript做到这一点？ 我能想到的唯一方法是用一个包含自身作为类名的类来包装页面上的每个单词。 然后创建关键字按钮，将高亮类添加到匹配的单词类中。 这可能有效，但似乎有很多不必要的代码注入。 关键字列表 this example 句子 This is an example.

将鼠标hover在子菜单上后突出显示父菜单项（HTML / CSS / Jquery）

我有一个菜单，有些菜单项可能有子项目。 实际上非常简单。 我想实现这一点，一旦子菜单被鼠标移过，相应的（父）菜单项也会被突出显示。 这种情况从未发生过，因为似乎只要鼠标离开菜单项并越过子菜单，浏览器就会将其设置为默认样式。 任何帮助赞赏！ 非常感谢！ 菜单html： item1 item2 sub1 sub2 sub3 item3 item4 CSS： #top_navigation { width: 1248px; margin: 0 auto; position: relative; text-transform: uppercase; font-family: “Rounded Font”, sans-serif; font-size: 23px; } #top_navigation ul ul { display: none; } #top_navigation ul { padding-left: 0; } #top_navigation ul li { margin: 0; padding: 0; float: […]

重音不敏感的正则表达式

我的代码： jQuery.fn.extend({ highlight: function(search){ var regex = new RegExp(‘(]*>)|(‘+ search.replace(/[.+]i/,”$0″) +’)’,’ig’); return this.html(this.html().replace(regex, function(a, b, c){ return (a.charAt(0) == ‘<') ? a : '’ + c + ”; })); } }); 我想突出显示带重音的字母，即： $(‘body’).highlight(“cao”); 应突出显示：[ção] OR [çÃo] OR [cáo] OR expre [cão] tion或[Cáo] tion 我怎样才能做到这一点？

jQuery Validation插件：在元素的错误容器中添加/删除类

我正在使用jQuery Validation插件，我编写了以下代码，如果无效，则向元素的（ ）父（ ）添加一个类，并插入实际的错误元素（ ）之前的 。 HTML … text …和jQuery。 $(“#form_to_validate”).validate({ rules: { … }, errorElement: “span”, errorPlacement: function(error, element) { element.parent().addClass(‘error’); error.insertBefore(element.parent().children(“br”)); } }); 因此，如果表单元素未validation，则变为： texterror text 这很好用，但是，如果字段的内容被更正并变得有效，则该类显然不会从其父节点中删除（实际上，错误元素也没有，而只是获取display: none; CSS属性）。 如何检查元素是否有效并删除其父类（如果是）？ 任何帮助将不胜感激 ！ 编辑：添加了更多信息。

jQuery UI Datepicker – 日期范围 – 突出显示介于两者之间的天数

我正在寻找一种方法来突出鼠标hover时2个输入日期范围之间的日子。 这个例子几乎可以实现我想要实现的目标： http ： //hackingon.net/files/jquery_datepicker/range.htm 唯一的区别是所选范围的突出显示应该发生在两个单独的日期选择器和鼠标hover上。 有什么建议？ 更新： 好的，更多细节： 从第一个日期选择器中选择日期后，第二个日期选择器应突出显示上一个选定日期。 如果您将鼠标移过上一个选定日期后的一天，则两者之间的所有日期都应通过添加类来突出显示。 更新：这是我得到了多远： $(“#input-service_date_leave, #input-service_date_return”).datepicker({ rangeSelect: true, beforeShow: customRange, onSelect: customRange, }); function customRange(input) { if (input.id == “input-service_date_leave”) { $(“#ui-datepicker-div td”).die(); if (selectedDate != null) { $(‘#input-service_date_return’).datepicker(‘option’, ‘minDate’, selectedDate).datepicker(‘refresh’); } } if (input.id == “input-service_date_return”) { $(“#ui-datepicker-div td”).live({ mouseenter: function() { $(this).prevAll(“td:not(.ui-datepicker-unselectable)”).addClass(“highlight”); }, mouseleave: function() […]