如何获取li下所以span的宽度和,然后赋值给ul宽度 5C
例如上面获取 class="b" 的li下所有<span>标签的宽度和,然后赋值给 class="a"的ul宽度

7个回答

jQuery

 $('ul.a').css('width',eval$('li.b span').map(function(){return this.offsetWidth}).get().join('+'))+'px')
qq_33159692
520小飞飞 $('ul.a').css('width',eval$('li.b span').map(function(){return this.offsetWidth}).get().join('+'))+'px')
一年多之前 回复
SunJHe
SunJHe 最讨厌了
一年多之前 回复
c449135633
c449135633 eval是魔鬼
一年多之前 回复
showbo
支付宝加好友偷能量挖 eval后面少了个(
一年多之前 回复
showbo
支付宝加好友偷能量挖 $('ul.a').css('width',eval($('li.b span').map(function(){return this.offsetWidth}).get().join('+'))+'px')
一年多之前 回复

<!DOCTYPE html>








  • asfasd
    asdfas
    asdf
    asdf
    asdf
    asdfasdfasd


<br> var wc=0;<br> var wcArr=[];<br> $(&quot;li.b&quot;).find(&#39;span&#39;).each(function(){<br> wc+=parseInt($(this).width());<br> wcArr.push(parseInt($(this).width()));<br> });<br> $(&#39;ul.a&#39;).width(wc);<br> console.log(wcArr);<br>

学习下jquery里面有很多

$('ul.a').css('width',eval$('li.b span').map(function(){return this.offsetWidth}).get().join('+'))+'px')

var wc=0;
var wcArr=[];
$("li.b").find('span').each(function(){
wc+=parseInt($(this).width());
wcArr.push(parseInt($(this).width()));
});
$('ul.a').width(wc);
console.log(wcArr);

<ul class="a">
    <li class="b">
            <span>asfasd</span>
            <span>asdfas</span>
            <span>asdf</span>
            <span>asdf</span>
            <span>asdf</span>
            <span>asdfasdfasd</span>
    </li>
</ul>
<script type="text/javascript">
    var wc=0;
    var wcArr=[];
    $("li.b").find('span').each(function(){
        wc+=parseInt($(this).width());
        wcArr.push(parseInt($(this).width()));
      });
    $('ul.a').width(wc);
    console.log(wcArr);
</script>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
如何让ul的宽度为ul下的li的宽度之和
[b]HTML:[/b][color=#FF0000][/color]rn rn rn 首页rn 图片延时加载rn 分页rn 分享到rn 地址插件rn 商品样板rn rn rn rnrn[b]CSS:[/b]rn#header width: 1200px; height: 60px; margin: 0 auto; rn #header ul.navbar height: 60px; border-left: 1px solid #ccc;border-right: 1px solid #fff; rn #header ul.navbar li float: left; rn #header ul.navbar li a padding: 0 20px; height: 60px; border-right: 1px solid #ccc; border-left: 1px solid #fff; display: inline-block; line-height: 60px; font-size: 14px; color: #333;
span的宽度
不想用table来控制显示,所以用span表现文字,后面跟input标签,同时想让input标签对齐,在默认的情况下,利用css样式对span进行宽度设定是无效,用style的width是无效的。将span设置为block类型,可以设置span的宽度,可是input变在了下一行。在网上查阅资料后,可设置如下: span { background-color:#fc0; display:...
span 如何设置宽度?
代码一:rnrnrnrn新闻标题2006-5-27rnrnrnrnrn代码二:rnrnrnrnrn新闻标题2006-5-27rnrnrnrnrn为什么加上这一句,span的宽度失效了?rnrn
如何动态改变ul的宽度?
现在ul中的li的数量是不确定的,根据从数据库读取的记录数量来确定,数量从1到5不等,每个li的宽度已经定死了,530px,现在要求是li是横向排列的,超出屏幕后继续横向排列,不折行,页面下部有个滑块控制他们的显示。如果我给ul一个固定的宽度的话比如2120px,显示没有问题,只是这样的话显示4个li正好,少于4个的话会出现大块的空白,多于4个的话又不能在一行,请问怎么才能动态改变ul的宽度,使其内部的li又能显示在一行,又不会有空白,这个好像js能做的,不过本人不会js,或者你有其他更好的办法吗?
li均分ul宽度,子元素均分父元素宽度
父元素 添加样式display: table;子元素添加样式display: table-cell;text-align: center;
css3 实现根据ul中li的个数设置li的宽度
&amp;lt;style&amp;gt;    li{        width:100%;    }        li:first-child:nth-last-child(2),    li:first-child:nth-last-child(2){        width:50%;    }    li:first-child:nth-last-child(3),    li:first-child...
如何让ul li 里的 span 垂直居中
方法如下:   ul li img{ width:90px; height:60px;display: inline-block; vertical-align: middle; margin-right:10px;}   ul li span{display: inline-block; vertical-align: middle;}
span 怎么显示出宽度
我使用span是为了跟其他字能在同一行,不能使用float:left 如下rn但是在浏览器中显示,宽度显示不出来rn.aindexrn height: 15px;rn width: 15px;rn font-size: 12px;rn line-height: 15px;rn text-align: center;rn font-weight: bold;rn margin-right: 3px;rn cursor:pointer;rn border: 1px solid #6C0000;rn color: #CE0000;rn background-color: #FFF0F0;rn
span 设置宽度
给span 设置宽度,结果没有起作用 原因是span 是inline对象,width 会被忽略 解决办法是给span的display 设置为block 或者是inline-block
UL下一组宽度随机的LI如何自动重排难题!
[color=#FF0000]代码如下:[/color]最好是保存到本地为html文件后用浏览器打开,不停的F5就可以看到LI的宽度为什么是随机的了。或者访问这个页面 [url=http://iou33449999.usa3v.com/index.html]http://iou33449999.usa3v.com/index.html[/url] [color=#FF0000] 注意:[/color]当你刷新页面时,可以看到每一个LI的大小在变化,但是,这只是改变了他们的css,但是li的次序目前是没有变的。rnrn[color=#800000]现有代码中的js只是为了获取随机的CSS名称;style设置了6种样式;HTML部分是简单的规范结构。[/color]rnrn[color=#339966]想要实现的效果是:[/color]rn[color=#FF0000]1、用jquery获得浏览器的宽度rn2、用jquery获得每一个li的宽度rn3、根据浏览器的宽度,重排这些li(不需要考虑次序),以便达到让每一行都尽可能的排满的效果即可![/color]rnrn可以适当参考一下这个实例:[url=http://www.jb51.net/article/30115.htm]http://www.jb51.net/article/30115.htm[/url] 但是他的扩展性。。唉~~~~~rnrn[code=html]rnrnrn 每刷新一次li的样式大小都变一次,如何排列的更美观呢?rn rn rnrn rnrnrn rn rn 凯特·布兰切特2266 rn 桑德拉·布洛克2213 rn 艾米·亚当斯1098 rn 梅丽尔·斯特里普2315 rn 朱迪·丹奇1547 rn 朱丽安·摩尔662 rn 玛丽昂·歌迪亚1447 rn 罗莎曼德·派克1480 rn 菲丽希缇·琼斯1942 rn 瑞茜·威瑟斯彭1831 rn 詹妮弗·劳伦斯1733 rn 杰西卡·查斯坦1715 rn 埃玛妞·丽娃660 rn 夸文贾妮·沃雷斯880 rn 娜奥米·沃茨418 rn 维奥拉·戴维斯1135 rn 格伦·克洛斯2135 rn 鲁妮·玛拉1282 rn 米歇尔·威廉姆斯1473 rn 娜塔丽·波特曼600 rn 妮可·基德曼1222 rn 安妮特·贝宁402 rn 海伦·米伦1227 rn 凯芮·穆里根895 rn 加布蕾·丝迪贝2022 rn 梅丽尔·斯特丽普2044 rn 凯特·温斯莱特1740 rn 安妮·海瑟薇2124 rn 安吉丽娜·朱莉558 rn 梅莉莎·李奥533 rn 朱莉·克里斯蒂931 rn 劳拉·琳妮1709 rn 艾莲·佩奇991 rn 佩内洛普·克鲁兹1822 rn 瑞茜·威瑟斯朋1973 rn 菲丽西提·霍夫曼2269 rn 凯拉·奈特利589 rn 查理兹·赛隆480 rn 希拉里·斯旺克995 rn 卡塔琳娜·桑迪诺·莫雷诺1362 rn 伊美黛·史道顿1084 rn 安妮特·班宁1820 rn rnrnrn[/code]
span宽度的设置
[code=HTML]rnrn rnrnrnrnrn rnrn[/code]rn设置成25px的时候显示没有问题 设置成5px时 高度为什么显示的不是5px了rn请大虾们指教了
奇怪的100% ul 宽度
本来这帖子应该发到html板块去的,但是那垃圾版块经常没人回复,所以发到这里来了。rn这帖子在其他论坛凉了好久,就是没高手出现,疯了!rn希望有那位高手帮忙看看。rn--------------------------------------rn请问为什么我的二级菜单hover出来的ul宽度值那么小,设定visible时能100%宽度正常显示。rn找了好久都找不出为什么,高手别潜水了,帮帮忙。rn要运行代码看效果可以到[url=http://bbs.blueidea.com/thread-2959392-1-1.html]蓝色理想[/url]rnrn根据这个dome写的:[url=http://www.lwis.net/free-css-drop-down-menu/dropdown.flickr.com.linear.html][/url]rn[code=HTML]rn rn rn rn rn 栏目1rn rn rn 栏目2rn rn 2级栏目rn 2级栏目rn 2级栏目rn 2级栏目rn 2级栏目rn rn rn rn 栏目3rn rn rn 栏目4rn rn 2级栏目rn 2级栏目rn 2级栏目rn 2级栏目rn 2级栏目rn rn rn rnrnrnrn[/code]rn[img=http://image215.poco.cn/mypoco/myphoto/20091128/16/460937292009112816215602.jpg][/img]
关于给table宽度赋值
var a = 200;rn var bodywidth = document.body.offsetWidth; rn var map= bodywidth - a;rn document.all("MapControl1").style.width = map;rnrn这样的话 好像 获取不到值是: objects;rn请各位大侠帮帮忙
如何获取ul下的第一个li
1.(1)示例 (2)代码 $(&quot;#dimName li:first-child&quot;) 2. js api 下载地址: http://u.163.com/1M1rRdrJ  提取码: SrTcM8K8
LI的宽度问题
HTML大致如下:rn rn rn rn rn ...rnrnrn它的功能是实现在主页面的Tab选项卡,table就是具体的选项卡,如下:rn 背景是左边图片,没有内容rn选项卡文本背景是中间图片rn 背景是关闭按钮图片,没有内容rn 背景是右边图片,没有内容rnrn使用JQuery动态加入选项卡,现在有问题了:rn第一个选项卡的位置[position().left, position().left + width()]是:0,104.rn但第二个的位置却是:89,193rn但是显示却没有问题,第二个的left怎么会是89呢?
li自适应浏览器宽度
[img=http://hi.csdn.net/attachment/201104/25/3877417_13037232655faX.jpg][/img]rn[code=HTML]rnrn code.... rnrnrn rn rn rn rn rn rn rn rnrnrn[/code]rn右边有三里li,第一个和第三个里宽度是固定的,我想第二个li根据浏览的大小变化,自适应宽度!三个li在css都是float:left的;这个怎么弄呀?rn请大侠们帮帮忙,谢谢!
如何获取和赋值给span标签值
下面是一个span标签 &lt;span id="honey"&gt;honey,i love you&lt;/span&gt; 1 如何通过id获取span内的值呢? var spanValue = document.getElementById("honey").innerHTML; alert("spanValue = " + spanValue); 截图如下 ...
如何获取动态宽度表格的实际宽度
对于根据内容自动宽展的表格,如何取得它的实际宽度(像素数)呢?
如何获取控件的宽度
如何获取控件的宽度?rn在OnCreate中使用View.GetWidth()返回的值是0,请问这个该怎么获取呢?
如何获取文字宽度?
我要在客户区显示一串文字,如何知道这串会占多少像素?rn文字字体可能会是任意的字体。
如何获取 yuv的 宽度
网上对 yuv格式进行处理的代码,都是 手动填入图像 尺寸的 ,那么 ,一个未知尺寸的 yuv图像 ,有什么方法判断其尺寸 ?yuv格式里面似乎并没有标注尺寸的字段 。
如何获取下拉框的宽度
首先下拉框没有设置样式rn下拉框的宽度是随填充的内容而自动增长的rnrn如果没有设置样式rnoselect.style.width == null 获取不到rnrn如果用oselect.size 获得的是0rnrn那么怎么才能准确的获取它的实际宽度呢?rn
如何获取滚动条宽度
因为当view变大时最右边的东西刚好被垂直方向的滚动条盖掉一部分,于是想就此作一些处理,rn故请问,如何获取单文档里的滚动条宽度rnrn
如何获取div宽度
div = this.div_ = document.createElement("div"); rn div.style.border = "0px none"; rn div.style.position = "absolute"; rn div.style.width = this.width_ + "px";rn div.style.height = this.height_ + "px";rn if(this.html_.length>50)rn rn div.style.zIndex=xindex++;rn elsern rn div.style.zIndex=1; rn rn var contentDiv = document.createElement("div"); rn var hhtml= ' '+rn ' '+this.html_+'';rnrnrn contentDiv.innerHTML = hhtml;rn div.appendChild(contentDiv); rn div.style.display = 'none';rn panes.floatPane.appendChild(div); rn this.panMap(); rnrn我要获取这个 id为test的div的宽度,我的这个div宽度是根据this.html_传过来的值决定的rn但是我用 $("#test").width()无法获取,该如何
如何获取编辑框的宽度?
如何获取编辑框的宽度?如果编辑框的内容超出了编辑框的宽度,如何进行自动滚动显示,而不是利用滚动条进行查看?
如何获取 中的宽度
在html源文件中有很多 中并没有宽度和高度值,有的虽然有但是假的,即:因嵌套关系造成实际显示时并不以width或height后的值显示. rn如何获得呢??rn不知道dom对象能否识别出表格对象的实际宽度和高度?rn请前辈们指点!谢谢大家:) 标记,我想获得所有表格的宽度和高度值,但有的
如何获取字符的宽度???
我想在PictrueBox控件中绘制一段文字,想让文字保持在控制的中间,如何获得字符的宽度这样好计算文字的X坐标,如何获取一段文字的宽度???
如何获取浏览器的宽度
具体使用方法是怎样的?
我为什么ul里面的li不能设置宽度呢
rn 网站首页rn 关于我们 rn rn 高血压原因rn rn rn 高血压症状 rn 高血压危害 rn 高血压防治 rn 成功案例 rn 高血压知识 rn 降压网知道 rn 和我联系 rn 购买须知 rnrnrn
css:当li的宽度超出ul时,隐藏不换行
突然发现不会写样式 需要实现的效果:在ul中,当所有li超过ul的总宽时,隐藏。类似这样: 代码: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;utf-8&amp;quot;&amp;amp;gt; &amp;amp;lt;meta http-equiv=&amp;quot
为span标签设置宽度
设置样式display的值为inline-block即可。 如: 1
IE下UL宽度的莫名其妙的问题
IE下UL宽度的莫名其妙的问题rnrn[code=CSS]rn.flinkheight:33px; border-top:1px solid #afa688; background:#c7972brn.flink ulwidth:803px; margin:0 auto;padding-left:197px; overflow:hidden;background:url(../images/blacklogo.gif) 45px top no-repeat; rn[/code]rn[code=HTML]rn rn rn 百度rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn 腾讯网rn rnrn[/code]rnrnrn就换个,在FF下显示正常,到了IE下,最后几个LI里面的内容变成竖直排列了。真是莫名其妙啊。把 UL的宽度改为1000后可以正常显示,但是内容的效果就不居中了。求达人帮忙~!
<span>的高度和宽度没有效果
问题: 在HTML页面中设置&quot;&amp;lt;span&amp;gt;&quot;元素的样式,发现设置无效,通过查看其CSS属性值,发现总是为“auto”,即使加上“!important”提高其优先级别也无效: &amp;lt;style&amp;gt; .aclass{ background:#0092d8 url(gantt-images/equals.png); } &amp;lt;/style&amp;gt;...
html 设置<span>标签的宽度
直接给标签设置宽度是无效的,想要给设置宽度有以下方法 1.给&lt;span&gt;标签添加css样式display:block; 2.给&lt;span&gt;标签添加css样式float;
获取宽度
Paint paint = new Paint(); paint.setTextSize(textView.getTextSize()); float size = paint.measureText(textView.getText().toString());
如何让UL的宽度自动适应
rn这个代码不起作用。rnrn请高手指点
div适应li的宽度问题
rn gfgfdgrn gf5ttrhrthtrgfdgfgffdgf54656546hhggfdgrn gfgfhhgdgrnrnrn现在的li在div里是一行一个rn第二行的里li明显是超出了div宽度,一般情况是这个li的内容要么换行,要么隐藏。rnrn显示,我想问的是:如何让div的宽度自动适应最长的li的宽度,rn如果div的宽度不设置,在ie里面div的宽度是满屏的
如何居中一个不定宽度的ul
想要不定宽度的ul居中,因为li的数量不确定。 很简单,不要对li设置float:left,而是用display:inline,然后text-align:center就可以了
li 自适应文字宽度的问题
我想设置一下,让li的宽度能够自适应文字的宽度 rn求解 谢谢
控制DIV中LI的宽度
现想做个表格,因为数据太多,而TABLE的速度又太慢,代码太多rnrn为了速度和代码减少,想用DIV来做表格rnrn ---------表头,固定一行内容rn rn arn brn crn drn ern frn grn hrn rnrn -------------数据库输出rn rn arn brn crn drn ern frn grn hrn rnrn -------------数据库输出rn rn arn brn crn drn ern frn grn hrn rnrnrn表格的数据大概就是这样的,也许会变,现想大家帮忙,用CSS或JS来管理和控制LI的宽rnrn当然可以修改代码,并希望代码越少越好。
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法