javascript – Highlight empty space between words in jQuery

I\’m new in jQuery so i have 2 questions.

1-How can I highlight empty space between words in this function?

2-How can I highlight just <abbr class=\"word p1\"> tag?

HTML Code:

<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 >

JavaScript Code:

$(function(){
    var time = 5;
    $(\"abbr\", \"#4\").each(function(i,e) {
        $(e).delay(i*((time*1000)/$(\"abbr\", \"#4\").length)).animate({\'background-color\': \'#0f0\'}, 500);
    });
});​

Css Code:

span
{
    text-align:justify;
    float:right;
}

    @font-face {
        font-family: \'p1\';
        src: url(\'http://c216429.r29.cf1.rackcdn.com/p1.eot?#iefix\') format(\'embedded-           opentype\'),
             url(\'http://c216429.r29.cf1.rackcdn.com/p1.woff\')       format(\'woff\'),
             url(\'http://c216429.r29.cf1.rackcdn.com/p1.ttf\')        format(\'truetype\'),
             url(\'http://c216429.r29.cf1.rackcdn.com/p1.svg#p1\')    format(\'svg\');
    }

    .p1 {
        font-family: \'p1\';
    }​

Demo:

http://jsfiddle.net/eTyaV/

Rating: 4 out of 5 based on 3 ratings

Posts Related to javascript - Highlight empty space between words in jQuery

• Aug 18th, 2012 JQuery/JavaScript - highlight a part of text from input or textarea Saturday PM 16:01:01


• Jul 23rd, 2012 jquery - How to change color of checkbox label while toggling checked/unchecked state on click Monday AM 03:10:56


• Jul 10th, 2012 javascript - Optimizing String Matching Algorithm Tuesday AM 05:03:34


• Aug 18th, 2012 javascript - Cannot select tr not containing th elements in jquery Saturday AM 05:21:06


• Aug 02nd, 2012 Add a dynamic variable in array into a jQuery function Thursday AM 02:24:08


• Jul 14th, 2012 javascript - what is error in this js code Saturday AM 04:52:06


• Jul 24th, 2012 raphael - Input not being displayed Tuesday AM 04:14:50


• Aug 03rd, 2012 javascript multiple loops Friday AM 06:33:16


• Jul 11th, 2012 javascript - How to reduce amount of space between lines of text Wednesday AM 06:09:09


• Aug 25th, 2012 html - hide 'div' tag in javascript Saturday AM 01:51:00

The post javascript – Highlight empty space between words in jQuery appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-highlight-empty-space-between-words-in-jquery.html