Javascript 突出显示jQuery中单词之间的空白
我是jQuery新手，所以我有两个问题 1-如何在此函数中突出显示单词之间的空白Javascript 突出显示jQuery中单词之间的空白,javascript,jquery,Javascript,Jquery,我是jQuery新手，所以我有两个问题 1-如何在此函数中突出显示单词之间的空白 2-我如何突出显示刚才的根据我上面的评论，只需在标记中包含空格即可解决您的空格突出显示问题 <span id="4"> <abbr class="word p1" >ﭢ </abbr> <abbr class="word p1" >ﭣ </abbr> <abbr class="wor
2-我如何突出显示刚才的
根据我上面的评论，只需在标记中包含空格即可解决您的空格突出显示问题
<span id="4">
<abbr class="word p1" >ﭢ </abbr>
<abbr class="word p1" >ﭣ </abbr>
<abbr class="word p1" >ﭤ </abbr>
<abbr class="word p1" >ﭥ </abbr>
<abbr class="end p1" >ﭦ</abbr>
</span >
将空格放在
.这将解决空间不足的问题
<span id="4">
<abbr class="word p1" >ﭢ </abbr>
<abbr class="word p1" >ﭣ </abbr>
<abbr class="word p1" >ﭤ </abbr>
<abbr class="word p1" >ﭥ </abbr>
<abbr class="end p1" >ﭦ</abbr>
</span >
ﭢ；
ﭣ；
ﭤ；
ﭥ；
ﭦ；
要仅突出显示带有类单词p1的
元素，只需编写
$('abbr.word.p1').css({background:'0f0'});
如果你把空格放在感谢的@Jeemusu.中，那么第二个问题呢，你知道吗？仅供参考，ID的第一个字符必须是字母。你不能有仅仅是数字的ID。@Barmar-那太好了。数字ID在html5中很好。
<span id="4">
<abbr class="word p1" >ﭢ </abbr>
<abbr class="word p1" >ﭣ </abbr>
<abbr class="word p1" >ﭤ </abbr>
<abbr class="word p1" >ﭥ </abbr>
<abbr class="end p1" >ﭦ</abbr>
</span >
$(function(){
var time = 5;
$("abbr").each(function(i,e) {
if($(e).hasClass('word')) {
$(e).delay(i*((time*1000)/$("abbr").length)).animate({'background-color': '#0f0'}, 500);
}
});
});
<span id="4">
<abbr class="word p1" >ﭢ </abbr>
<abbr class="word p1" >ﭣ </abbr>
<abbr class="word p1" >ﭤ </abbr>
<abbr class="word p1" >ﭥ </abbr>
<abbr class="end p1" >ﭦ</abbr>
</span >
$('abbr.word.p1').css({background:'0f0'});