javascript - Get the combined width of all li items -


i made function widths of li items in navigation menu, function (below) puts item's widths array.

i not need not array. need 1 total number sum of li's widths.

how can change array 1 variable?

thank you.

var navigationitemswidth = $.map($('.navigation-bar .nav li'),function(val){     return $(val).width(); }); 

map function create array, want adding value. use .each:

var navigationitemswidth = 0; $('.navigation-bar .nav li').each(function(){     navigationitemswidth += $(this).width(); }); 

if want reuse it, use :

$.fn.totalwidth = function(){     var navigationitemswidth = 0;     this.each(function(){         navigationitemswidth += $(this).width();     });         return navigationitemswidth; }  var navigationitemswidth = $('navigation-bar .nav li').totalwidth() 

Comments