Question

我最近自定义了一个现有代码，通过选择一部分文本然后对其进行着色将纯文本分成四个类，之后我检索每个类的文本以将其存储在我的数据库中，此代码http://jsfiddle.net/ouss88/t53wtquf/9/效果不错，但我想否定嵌套的span（确定类的html标签）为例：

<span class="class1"> text text text </span> ----> accepted
 <span class= class1"> tex <span class="class 2> text  </span> text </span>--> not accepted.

我应该在此代码中添加http://jsfiddle.net/ouss88/t53wtquf/9/

PS：在我选择一部分文字后，我将鼠标光标悬停在四个班级（1.2.3.4）中的一个上，为所选文字的背景上色，tou可以自己尝试上面这个链接，我只是想要拒绝嵌入式类

Answer 1

做这样的事情，更紧凑。我想你明白了。

$('table td').mouseenter(function(){
  $(this).addClass('hilited'+$(this).attr('id'));  
}).mouseleave(function(){
  $(this).removeClass('hilited'+$(this).attr('id'));  
});

.hilited1{color:green}
.hilited2{color:red}
.hilited3{color:blue}
.hilited4{color:yellow}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
<tr>
    <tr> <td id="1"> hover on me for Class1 </td> </tr>
    <tr> <td id="2">  hover on me for Class2 </td> </tr>
    <tr> <td id="3">  hover on me  for Class3 </td> </tr>
    <tr> <td id="4">  hover on me  for Class4 </td> </tr>
    
</tr>
</table>

更改所选文本的背景颜色，HTML JQUERY

1 个答案: