query怎么获取ul下的多个li元素的宽度总和

一般情况下,li 的宽度是固定的话, 直接 获取li的数量  *  宽度就可以了

比如:

获取li 的个数:

var lis = $(‘ul li ‘).length;

如果 li 宽度是  100的话。

var UL= lis * 100;

ul宽度 = li 个数 * li 的宽度

li 的宽度不是固定的

var sumWidth =0;  
$("ul").find("li").each(function(){
sumWidth += $(this).witdh();
});

原文地址:https://www.cnblogs.com/zxhh/p/12155288.html

时间: 2024-10-06 18:25:46

query怎么获取ul下的多个li元素的宽度总和的相关文章

jquery获取ul中的第一个li

$("ul li:first"); $("ul li").eq(0);$("ul li").first();$("ul li").slice(0,1);//slice第一个参数表示的选取开始的位置,第二个参数是结束的位置 <script type="text/javascript">//方案一$(function(){var list=$("ul");for (var i =

用word-wrap来解决固定大小ul下的每条li中内容太多时不自动换行问题

昨天写了个程序,想实现跟发微博一样显示的功能(自己加了些动态显示效果),在写HTML和CSS的时候,就遇到一个问题:我在设置好高度400px,宽度300px的ul中,当发出去的li中内容是连续一样的英文字母时或者是没有加换行符过长的英文,就会出现内容溢出(li里边的内容跑到ul框外边去了):如图: 经过百度查询之后,竟然没找到有人遇到和我一样的问题,所以就只能找css强制换行的属性了,功夫不负有心人,竟然被我找到了,就是word-wrap属性,下面我们来复习一下这个属性. word-wrap:n

jquery选择div下的ul下的li下的a

使用jQuery选择器: $("div#div的id ul li a")//选择的是div下 ul下所有li下的所有a标签 $("div#div的id").children("ul:first").children("li:first").find("a");//div下的第一个ul下的第一个li下的a标签 //可以用下标 $("div#div的id").children("u

jquery如何获取第一个或最后一个子元素?

jquery如何获取第一个或最后一个子元素? 通过children方法,children("input:first-child") $(this).children("input:first-child").val(); $(this).children("input:last-child").val(); 通过>选择器,$(".items>input:first") 在这里转一篇<jQuery选择元素的方法

Jquery和JS获取ul中li标签

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

[js开源组件开发]query组件,获取url参数和form表单json格式

query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……,最近项目紧,几个小组,只有我一个前端,公司对前端的定位不清晰,导致前端人员过少的情况.所以还得促进公司前端人员增长,不然再这么玩下去,我要被玩死了,一个公司,不可能靠一个资深前端来支撑二三十个开发的需求,这是不现实的,特别是现在的页面不再是复制粘贴的前况下.我默默耕芸,所以这次我整理了这一个月里所有

js jquery获取当前元素的兄弟级 上一个 下一个元素 jquery如何获取第一个或最后一个子元素

var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的父节点 var ns=s.nextSbiling;   //获得s的下一个兄弟节点 var ps=s.previousSbiling;  //得到s的上一个兄弟节点 var fc=s.firstChild;   //获得s的第一个子节点 var lc=s.lastChile;   //获得s的最后一个子节点 JS获取节点父级,子级元素 先说一下JS的获取方法,其

linux获取目录下文件

查看当前目录下的文件:find . -type f查看当前目录下的文件夹: find . -type d如果文件file1不为空: if [ -s file1 ];then       echo "file1 不为空"fi #!/bin/sh for f in `find ./testdir -type f`; do         if [ -s $f ];then                 echo $f is not empty.                 echo 

获取第下一个兄弟元素 屏蔽浏览器的差异(nextElementsibling)

//获取element下一个兄弟元素 function getNextElementSibling(element){ //能力检测 判断是否支持nextElementSibling if(element.nextElementSibling){ return element.nextElementSibling; }else{ //获取下一个兄弟节点 var node = element.nextSibling; //如果没有下一个节点,此时null while(node && node