jquery - Innerhtml の長さが大きい場合は、その要素にクラスを追加します

Question

すべての LI A 内のテキストの長さを制御し、5 より大きい場合は、対応する LI にクラス 'long' を自動的に追加します。これまでのところ、私はこれを持っていますが、機能していません:

html:

<ul id="menu">
    <li><a href="">Kodu</a></li>
    <li><a href="">VägaPikkSõna</a></li>
    <li><a href="">Teenused</a></li>
    <li><a href="">Kontakt</a></li>
</ul>

脚本：

$(document).ready(function(){
    var x = document.getElementById('menu').getElementsByTagName('a');

    for(i=0; i<x.length; i++){              
        if(x[i].innerHTML.length > 5){
            $(this).parent().addClass('long')
        }
    }
});

Answer 1

これを試して：

$(document).ready(function(){
    $("#menu a").each(function() {
        if($(this).text().length>5){
            $(this).parent().addClass('long');
        }
    });
});