highlight 相关问题

<?php $a="php.net s earch for in the all php.net sites this mirror only function list online documentation bug database Site News Archive All Changelogs just pear.php.net just pecl.php.net just talks.php.net general mailing list developer mailing list documentation mailing list What is PHP? PHP is a widely-used..."; ?> 我想突出显示特定单词。例如php、net和func： php.net s earch for in the all **php**.**net** sites this mirror only **func**tion list online documentation bug database Site News Archive All Changelogs just pear.**php**.**net** just pecl.**php**.**net** just talks.php.net general mailing list developer mailing list documentation mailing list What is **PHP**? **PHP** is a widely-used... 您可以执行以下操作： // your string. $str = "..............."; // list of keywords that need to be highlighted. $keywords = array('php','net','fun'); // iterate through the list. foreach($keywords as $keyword) { // replace keyword with **keyword** $str = preg_replace("/($keyword)/i","**$1**",$str); } 即使关键字是任何其他更大字符串的子字符串，上述内容也会替换关键字。要仅将关键字替换为完整单词，您可以执行以下操作： $str = preg_replace("/\b($keyword)\b/i","**$1**",$str); $words = 'php|net|func'; echo preg_replace("/($words)/i", '**$1**', $a);

php regex preg-replace highlight

回答 2 投票 0

如何选择突出显示内括号而不是外括号？

Visual Studio Code 自动突出显示外括号，如下图所示：我怎样才能改变它来突出显示内括号，就像在 Notepad++ 中看到的那样：

visual-studio-code highlight text-editor

回答 3 投票 0

在输入中显示突出显示的文本

我正在尝试执行如下所示的操作，即我有一个带有建议下拉菜单的输入，该男性和女性中只有 2 个值如果我输入 M，其余字母 ale 将在输入中突出显示...

reactjs typescript dropdown highlight search-suggestion

回答 1 投票 0

jquery 单击时突出显示链接

如何使用jquery在点击链接时突出显示该链接？例如，当我单击链接 class1_1 时，我想将此链接设为红色（或其他颜色）。 JavaScript 代码在这里：如何使用 jquery 在点击链接时突出显示该链接？例如，当我点击链接class1_1时，我想将此链接设为红色（或其他颜色）。 JavaScript代码在这里： <script type="text/javascript"> $(function(){ $("#menu li").each(function(){ $(this).click(function(event){ var ul=$(this).children("ul") var span = $(this).children("span") if(ul.html()!=null) { if(ul.css("display")=="none") { ul.css("display","block"); span.addClass("up") }else { ul.css("display","none") span.removeClass("up") } event.stopPropagation(); }else { event.stopPropagation(); } }); }); return false; }); </script> html代码在这里： <ul id="menu"> <li class="title"><span>class1 </span> <ul> <li><a href="">class1_1</a></li> <li><a href="">class1_2</a></li> </ul> </li> <li class="title"><span>class2</span> <ul> <li><span>class2_1</span> <ul> <li><a href="">class2_1_1</a></li> <li><a href="">class2_1_1</a></li> </ul> </li> </ul> </li> </ul> 也许我无法清楚地解释我的问题，我的意思是最后一个 onclick 链接成功了颜色为红色，另一个链接设置为默认颜色可以使用 CSS，不需要 jQuery：亮点： a:active { background-color: #FF0000; } 更改链接颜色： a:active { color: #FF0000; } 编辑：回应您的评论...如果您的链接没有将浏览器引导到另一个页面，您可以使用Mike Robinson的答案来完成相同的效果，而无需离开页面，也不会将颜色更改回默认的onblur。认为这应该可以做到，尽管我现在手头没有jquery。假设“up”是一个使您的链接变成红色的类： $("ul#menu a").click(function(){ $(this).addClass('up'); }); 这应该有效： Javascript： $(function(){ $('.class1').click(function() { $(this).toggleClass('active1'); }); }); CSS： a.class1 { color: red; } a.active1 { color: blue; } HTML： <a href="#" class="class1">some text</a> 最好使用toggleClass（2合1）而不是addClass/removeClass。我会推荐 http://plugins.jquery.com/project/color jquery.color 插件。它将允许您为各种 html 元素设置颜色动画。 <script type = "text/javascript" > $(function() { $("#menu li").each(function() { $(this).click(function(event) { $("#menu li").removeClass("high"); $(this).addClass("high"); var ul = $(this).children("ul") var span = $(this).children("span") if (ul.html() != null) { if (ul.css("display") == "none") { ul.css("display", "block"); span.addClass("up") } else { ul.css("display", "none") span.removeClass("up") } event.stopPropagation(); } else { event.stopPropagation(); } }); }); return false; }); </script> <style> .high{color:red} </style> Javascript： $('.link').click(function() { if (!$(this).hasClass('hi')) { // If this link is not already highlighted, highlight it and make // sure other links of class .link are not highlighted. $('.hi').removeClass('hi'); $(this).addClass('hi'); } }); CSS： a.hi { color: red; } html: <a href="#" class="link">my text</a> <a href="#" class="link">that text</a> <a href="#" class="link">this text</a> 您可以使用CSS伪类active来做到这一点。它为激活的元素添加特殊样式。例如，您可以这样做： a: active { color: red; } 请注意，CSS 定义中 a:active 必须位于 a:hover 之后才能生效！！ var base = window.location.pathname.substring(1); var links=""; $('a').click(function(){ links = $(this).attr('href'); localStorage.setItem(base, links); }); $('a[href="'+localStorage.getItem(base)+'"]').focus();

jquery highlight

回答 8 投票 0

突出显示当前菜单项对某些项目不起作用

我为客户制作了这个网站：https://ccf2up.com/ 它应该突出显示当前菜单项。这是通过简单的 CSS 实现的： .当前菜单项a{ 颜色：#FFFFFF！重要；背景：#2889AE！

css highlight menuitem

回答 1 投票 0

如何使用Javascript突出显示文本表单输入搜索

我有一个带有关键字搜索的todoList，如何确保当我输入关键字时，下面的内容会突出显示？功能键搜索() { const inputSearchValue = inputSearch.value...

javascript search highlight

回答 1 投票 0

Wordpress，鼠标悬停时突出显示文本

大家好，当您用鼠标指针浏览文本时，wordpress 是否可以创建类似的效果？请参阅示例图片谢谢回复。

wordpress text plugins highlight effect

回答 1 投票 0

移动平均线回顾

有谁知道如何编写突出显示“X”移动平均线的开始蜡烛的代码？例如，使用 50MA，指标会回顾并突出显示 50 根蜡烛......

pine-script highlight moving-average

回答 1 投票 0

React - 使用正则表达式突出显示危险的SetInnerHTML 内的文本.工作不可靠

目标是突出显示危险的SetInnerHTML 内的文本部分（字符串）。因此，我尝试匹配 html 中所需的文本部分，并将其包装在适当的“跨度”中...

regex reactjs replace highlight

回答 1 投票 0

如何突出显示数据框中的特定行？ [重复]

例如，我希望能够在数据框中以绿色突出显示前 17 行。我已经看到了有关如何根据列值突出显示行的答案，但没有什么像行那么简单，无论

python pandas dataframe row highlight

回答 2 投票 0

如何在 jekyll markdown 博客中包含视频

我刚刚开始使用 jekyll 写博客。我用 Markdown 写帖子。现在，我想在我的帖子中添加一个 YouTube 视频。我怎样才能做到这一点？另外，我不太喜欢突出显示的 pygments...

ruby video markdown highlight jekyll

回答 8 投票 0

使用 python docx 突出显示超链接

这是我的代码我正在尝试使用 python docx 库突出显示 Word 文档中的超链接。但它无法识别超链接。有人可以帮我解决这个问题的代码吗？我有...

python hyperlink document highlight python-docx

回答 1 投票 0

尝试在导航栏中突出显示当前页面

我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。我搜索了文章，但发现的文章对我不起作用。这是我的 html 代码：我试图突出显示我所在的导航栏部分，但我发现的文章对我不起作用。我搜索了文章，发现的那些对我不起作用。这是我的html代码： <nav> </div> </label> <script src="nav.js"></script> <label class="logo"><a href="index.html">JR-Koders</a></label> <ul> <li><a href="index.html" class="active text">Home</a></li> <li><a href="nav.html" class="text">News</a></li> <li><a href="j-koders.html" class="text">J-Koder</a></li> <li><a href="r-koder.html" class="text">R-Koder</a></li> <li><a href="koders.html" class="text">Koders</a></li> <li><a href="search.html"><i class="fa fa-search text"></i></a></li> </ul> </nav> <script type="text/javascript"> // Hamburger var menu = document.getElementById("hamburger"); menu.onclick = function(){ menu.classList.toggle("openhamburger"); } // End of this section </script> 这是我的CSS代码： *{ padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; } body{ font-family: arial; } nav{ background: black; color: #20C20E; height: 80px; width: 100%; } .text{ color: #20C20E; } label.logo{ color: white; font-size: 35px; line-height: 80px; padding: 0 100px; font-weight: bold; } nav ul{ float: right; margin-right: 20px; } .our-logo{ width: 70px; } a { color: inherit; } nav ul li{ display: inline-block; line-height: 80px; margin: 0 5px; } nav ul li a{ color: white; font-size: 17px; text-transform: uppercase; padding: 7px 13px; border-radius: 3px; } a.active,a:hover{ background: #1b9bff; transition: .5s; } label.a:hover { background: #1b9bff; transition: 3s; } 我也有让我的导航栏响应的代码，但我没有将其包含在此处，但我希望它能起到同样的作用我在代码中看不到任何 ID 为“hamburger”且 css 类为“openhamburger”的 html 元素。您要突出显示的部分应指定 ID 名称“hamburger”或提供 ID 为“hamburger”的 our 元素。（正如您在代码的 javascript 部分中提到的 menu = document.getElementById("hamburger") ）您想要突出显示的方式应该用类名“openhamburger”的css编写（因为您在javascript代码中提到了menu.classList.toggle(“openhamburger”)）。我假设您想在单击汉堡包图标时突出显示导航栏例如： HTML： <div onclick = "highlightNavbar()">☰</div> <nav id= "hamburger" >  </nav> CSS： /* Style in such a way you want to highlight navbar */ .openhamburger{ position:relative; top: 30px; color: deeppink background-color:grey; } Javascript： <script> function highlightNavbar(){ var menu = document.getElementById("hamburger") menu.classList.toggle("openhamburger"); } </script> 上面的代码是根据你的javascript中给出的Id名称和类名称。

html css navigation highlight current-page

回答 1 投票 0

highlight 相关问题

最新问题