用JQUERY如何给LI加ID并判断当前LI里有几个图片
结构是这个样的：
<div class="box">
<ul class="item">
<li>
<div class="content">
<img src="nopic.jpg" />
</div>
</li>
<li>
<div class="content">
<img src="nopic.jpg" />
<img src="nopic.jpg" />
</div>
</li>
<li>
<div class="content">
<img src="nopic.jpg" />
<img src="nopic.jpg" />
<img src="nopic.jpg" />
</div>
</li>
</ul>
</div>LI的数量N多，里面图片也是不固定数量，但最多如何只限制显示三个多出来的不显示，然后就是如何给每个LI加上固定id="ID1", "ID2", "ID3"以此类推，并判断LI里有多少张图片，并给图片加上样式呢？怎样用JQUERY解决呢？求解，先谢谢啦！~
展开
收起
1
条回答
写回答
写回答
-
感觉越写越乱了。。。
<style> li{ list-style-type:none; } img{ background-color: red; height: 10px; } .num1 img{ width: 100%; } .num2 img{ width: 40%; } .num3 img{ width: 30%; } .hidden{ display: none; } </style> <script> var a = 1; $("li").each(function () { $(this).attr("id", "ID" + a++); var num = $(this).find("img").each(function(i){ if(i>2){ $(this).addClass("hidden"); } }).length; num = num>3 ? 3 : num; $(this).addClass('num'+num); });2019-07-17 19:19:16赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
