Jquery - Horizontally 부모 요소에 가운데 요소

Question

다른 너비를 가진 부모 수준의 부모에게 동적 요소를 수평으로 맞추려고합니다.

나는 모든 것을 다 가지고 있지만 잘못 계산 한 것입니다. 어떤 도움이라도 대단히 감사하겠습니다.

참고 : 나는 중심의 필요 항목의 폭은

$(function() { 

$(".nav-menu").children("li").each(function() { 

    $(this).on("mouseenter", function(){ 
    listWidth = $(this).find("a").width() /2 ; //<-- calculating width of each li 
     $(this).find(".sub").prepend('<li id="nav-hover-state"></li>'); 
     $(this).find("#nav-hover-state").attr('style', 'margin-left:'+listWidth +'px'); 
    }); 

    $(this).on("mouseleave", function(){ 
     if($('.nav-container ul.nav-menu li .sub').attr('style','display:none')) { 
     $(this).find("#nav-hover-state").remove(); 

    } 
    }); 
}); 

Answer 1

은 당신의 내면의 요소

listWidth = ($(this).find("a").width() /2) - 10 ; //<-- calculating width of each li