javascript - Jqueryは要素内の文字をカウントし、短すぎる文字にはパディングを付けます

Question

一部のリンク（9文字より短いリンク）にパディングを付けるナビゲーションが必要です。

したがって、jqueryはナビゲーションの要素の長さをカウントし、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");
   }
});