JS 计算 <li> 的宽度

JavaScript012

JS 计算 <li> 的宽度,第1张

第一次没通过,郁闷~是获取所有li的宽度?<ul>

<li width="20">111</li>

<li width="20">111</li>

<li width="20">111</li>

<li width="20">111</li>

</ul><script language="javascript">

var s=document.getElementsByTagName("li")

var con=0

for(var i=0i<s.lengthi++){

con+= parseInt(s[i].width)

}

alert(con)

</script>但是这样是在你给li的width赋值,并且不是20px这种情况,如果有px,你需要用substr截取下~就可以了

for(var i= 0i<$('li').lengthi++) {

var $index = $(this).index()

if(i <$index) {

console.log($('li').eq(i).width())

}

}

 var max_width=0

 $('ul li').each(function(){

     if(max_width){

         if($(this).width()>max_width.width()){

             max_width = $(this).width()

         }

     }else{

        max_width = $(this).width()

     }

})

alert(max_width.width())