javascript - Jquery计算元素中的字符并给太短的字符填充

Question

我需要有一个导航，一些链接（那些短于 9 个字符的链接）得到一个填充。

所以 jquery 应该计算导航的 a 元素的长度，并为每个短于 9 个字符的元素提供一个填充。

到目前为止，这是我想出的。

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

任何想法将不胜感激！

谢谢！

Answer 1

用于.each()迭代元素，.text()而不是val()获取超链接的字符串。text()用于标签的文本内容，而val()用于获取选择和输入的值：

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

Answer 2

尝试这样的事情：

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