如何求子ul li a的宽度

我有以下无序列表包裹在 div 中，如下所示

    <div id="menuwrapper">
    <ul>
     <li>home
           <ul>
             <li><a>anchor1</a></li>
             <li><a>anchor2</a></li>
             <li><a>anchor3</a></li>
          </ul>
    </li>

    <li>school</li>
    <li>college</li>
    </ul>  
    </div>

我需要找到每个锚点的宽度，即悬停在主页上的锚点 1、锚点 2、锚点 3 标签的宽度。 我有以下代码似乎不起作用

    $(function () {

      $("#menuwrapper ul li").hover(function () {
      var maxWidth = 0;
      $(this).find("ul li a").each(function () {

          if (this.width > maxWidth)
              maxWidth = this.width;
      });

      $("#menuwrapper ul li ul li a").css("width", maxWidth);
  });
 });

我在这里先向您的帮助表示感谢

$(function() {
    var maxWidth = 0;
    $("#menuwrapper ul li:first-child").hover(function() {
        var $anchors = $(this).find("ul li a");
        $anchors.each(function() {    
            if ($(this).width() > maxWidth) {
                maxWidth = $(this).width();
            }
        });
        $anchors.width(maxWidth);
    });
});