Question

here’s the thing, the bills came out from a dot matrix printer, and the paper is in continous format (like mos of you guys may saw in a sales department). Sometimes to cover a sale, the salesman take a bill (not printed a blank one) to make it by hand.
the system as it is now, can handle this jumps by letting people set the value by hand and then it continues incrementing the value.

but htere’s a gap left, I have to highlight the row (just the cell with the id) before the gap, just to make more visible the fact that someone took a bill, made it by hand and haven’t reguistered yet.

it’s like this:
(the css class for the id column is clave, meaning key)

|  id | qtty | price |
|-----+------+-------+
| 001 |   25 |     3 |
| 002 |   35 |     5 |
| 004 |   86 |     3 |
| 005 |   96 |     1 |
| 007 |   85 |     2 |
| 008 |   24 |     1 |

so the row for id 002 and 005 should be presented with font-weight: bold css, to make more spotable the missing bills.
the other problem I have is that this html structure is not a table, it is actually made of layers (div tags).

I have tghis much of the code, I don’t know why it isn’t working…
and youi can see it running here:
in this JSbin

Answer 1

After a long time looking at your explanation I think this is what you want to do

$(document).ready(function() {
    $(".clave").each(function(i, v) { // loop through each elem with class=clave
        var $next = $.trim($(".clave").eq(i + 1).text()); // get next text
        var $ele = $.trim($(v).text()); // get this text
        if ((+$next) - (+$ele) > 1) { // subtract next from now - if greateer than 1
            $(v).css('color', 'red').css('font-weight','bold'); // turn current text bold
        };
    });
});​

EDIT:
Forgot to use $.trim() instead of .trim() for cross browser support

http://jsfiddle.net/Zxc2w/

http://jsbin.com/isaruj/5/