どのようにULのホバードリ長さを得ることができます

Question

このURLをチェックしてください。 http://devsite.itrheat.com/products/marin-heating-systems/

は、私が知りたいこと」、あなたは、このような「RV、トレーラー」、「マリン暖房..」として左側のメニューを置くと、あなたは、このような「オアシスNE」としてサブメニューを見ることができる ということですオアシスNE-S ..」。

私はサブメニューの長さを取得したいと思います。 サブメニューの幅を揃えたいから。 私はサブメニューの長さを持っている場合、私はその幅を残すことができます（サブメニュー幅= 100％/サブメニューの長さ）

私を助けてください。

Answer 1

このコードは、これを達成するのに役立ちます。

var sublinks = document.getElementsByClassName("product-sub-links")[0]; 
var activeUl = sublinks.getElementsByClassName("active")[0]; 
var liLength = activeUl.getElementsByTagName("li").length; 

Answer 2

あなたはあなたができることよりも、メイン-ID =>サブクラスを経由してサブメニューへメインメニューをマッピングするので：

$('.product-top-links li').mouseenter(function() { 
    var list = $('.product-sub-links .'+$(this).attr('id')+' li'); 

    // total elements as "length as count of elements" 
    console.log(list.length); 

    var totalWidth = 0; 

    $.each(list, function() { 
     totalWidth += $(this).outerWidth(); 
    }); 

    // total width as "length as all elements combined width" 
    console.log(totalWidth); 
}); 

ちょうどあなたが最初にあなたのサブメニューを表示することを確認し、そしてのみ（たとえそれが親によって隠されていても）隠された要素として幅を数えて0pxの幅になるでしょう