jquery - 获取<li>内<a>的字符串长度

Question

我需要设置<li>的宽度基于 <a> 中元素的最大字符串长度这是 <li> 的子级.

<ul id="hi">
    <li class="">
        <a >Maintenance</a>
    </li>
    <li class="">
        <a >Query</a>
    </li>
    <li class="">
        <a >Approve Level </a>
    </li>
    <li class="">
        <a >Reverse</a>
    </li>
    <li class="">
        <a >Refund Charges</a>
    </li>
    <li class="">
        <a > Update After </a>
    </li>
    <li class="">
        <a > Update After  Update After  Update After  Update</a>
    </li>
</ul>

我只想获取 <a> 的最大字符串宽度(上面的例子中最后一个<a>并通过脚本设置所有<li>的宽度。请给我一个解决方案

Answer 1

此 jQuery 代码片段会将最长字符串的长度保存到 max:

var length, max = 0;
$('#hi li a').each(function(){
    length = $(this).text().length;
    max = length > max ? length : max;
});

示例可见here