Question

I need to have a navigation on which some links (those who are shorter than 9 characters) get a padding.

So jquery should count the lenght of the a element of the navigation and give a padding to every element that is shorter than 9 characters.

Here’s what I’ve come up with so far.

var liborder = $('#oe_menu li a').val();
if(liborder.length <= 9) {
    $(this).css("padding", "8px");
}

Any Ideas would be greatly appreciated!

Thanks!

Answer 1

Try something like this:

$('#oe_menu li a').each(function() {
   var self = $(this);
   if (self.text().length <= 9) {
       self.css("padding", "8px");
   }
});