Question

我想点击按钮时突出显示html页面文字。

当匹配html页面文本没有任何html标签时，它正在工作。但是当html页面文本有一些标签时（如a，span，strong），它无效。

长串1（简单文字）=＆gt; Workinh

长字符串2（简单文本）=＆gt;不是

长字符串3（简单文本）

长字符串4（简单文本）

Html =＆gt; bla bla .... bla bla .. ... bla bla长串1（简单文字＆＃34;突出显示＆＃34;）.... 长字符串2（带有HTML标签的文本＆＃34;未突出显示＆＃34;）....长字符串3（带有HTML标签的文本＆＃34;未突出显示＆＃34;）.... bla bla ... Long字符串4 ....

例： 案例1

输入：我想突出显示html页面文字

输出：我想突出显示html页面文字

Page has =＆gt;我想突出显示html页面文字

案例2

输入：我想突出显示html页面文字

输出：不工作

Page has =＆gt;我想突出显示 html页面文字

即。页面有相同的字符串，但在

中有强标记

任何一个帮助.. ??

Answer 1

<span class="hilight">Hello</span>&nbsp;world
<button id="hilight">Hilight</button>

    $(document).ready(function() {
       $("#hilight").on('click', function() {
             $("span.hilight").addClass("your_css_class_to_change_background_color"); 
             //If you use bootstrap
             $("span .hilight").addClass("badge badge-info"); 
       });
   });

Answer 2

你可以执行jquery onclick函数并将css添加到该文本中，如下所示：

$(document).ready(function(){
   $("button").click(function(){
       $("p").css("background","yellow");
   });
});

看一次，你就会明白。

希望对你有所帮助。!!祝你好运

Answer 3

您可以为您的代码制作ID。

    <p id="test1"></p>               

    <script>
       $('#submit').on('click','function() {
           $('#test1').css("color", "red");
       });
    </script>

您可以在css中设置其他方式：

 p:focus {background: pink;}

如何使用jquery

3 个答案: