网络瘫痪上不了网？电脑出故障？找破解软件？加入创想工作室QQ群，向大神求助，一步解决问题！QQ群号码：18345199。[点此获取更多QQ群]
我们在前面的文章介绍了 Jquery获取ul中第一个li和最后一个li ，但有时候我们dl布局的时候需要给第一个dd追加上样式，今天就来讨论下怎么实现吧。
<div class="ourservices"><h2 class="cdred marginbottom20">我们的服务</h2><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/gongsizhuce.html" title="公司注册"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104020370.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/gongsizhuce.html" class="red f16" title="公司注册">公司注册</a></dd><dd><a href="http://www.jjswhk.com/gongsizhuce.html">一支专业知识的秘书队伍，为客户的企业发展提供多元化支持。</a></dd></dl><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/kuaiji.html" title="会计审计"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104020942.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/kuaiji.html" class="red f16" title="会计审计">会计审计</a></dd><dd><a href="http://www.jjswhk.com/kuaiji.html">国际背景，立足香港，面向海内外公司及个人提供专业代理服务。</a></dd></dl><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/yinhangkaihu.html" title="银行开户"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104020410.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/yinhangkaihu.html" class="red f16" title="银行开户">银行开户</a></dd><dd><a href="http://www.jjswhk.com/yinhangkaihu.html">与众多国际银行建立了良好的合作伙伴关系，为客户安排有关银行开户服务。</a></dd></dl><div class="clear marginbottom20 hidden"></div><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/zhuceshangbiao.html" title="商标注册"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104020823.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/zhuceshangbiao.html" class="red f16" title="商标注册">商标注册</a></dd><dd><a href="http://www.jjswhk.com/zhuceshangbiao.html">中国及世界各地商标注册服务，一站式解决方案，实现品牌保护。</a></dd></dl><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/gongzheng.html" title="公证认证"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104021413.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/gongzheng.html" class="red f16" title="公证认证">公证认证</a></dd><dd><a href="http://www.jjswhk.com/gongzheng.html">依托专业律师顾问团队，提供180多个国家使馆公证认证服务。</a></dd></dl><dl class="left"><dt class="center marginbottom10"><a href="http://www.jjswhk.com/fuwu/gengduo.html" title="其他服务"><img src=http://www.22ba.com/uploadfile/2017/0407/20170407104021458.jpg" /></a></dt><dd><a href="http://www.jjswhk.com/fuwu/gengduo.html" class="red f16" title="其他服务">其他服务</a></dd><dd><a href="http://www.jjswhk.com/fuwu/gengduo.html">骏捷逾8年公司注册经验，高级资深专业团队，近4万客户的忠实选择。</a></dd></dl></div>
在上面的代码中，我们需要给全部dl中的第一个dd追加上first样式，最后个dd追加上last样式。有的朋友会说在前面的案例中，jq代码里把ul改为dl，li改为dd不就行了吗？但是我们看一下代码会发现，dl和dd中间还隔有个dt，所以这样是不行的，而且现在我们是要每个dl循环处理的。
完整代码如下
<script type="text/javascript" src="http://www.jjswhk.com/template/js/jquery-1.8.3.js" /></script><script type="text/javascript">//dd追加样式$(function(){$.each($(".ourservices dl"),function(){$("dd:eq(0)",$(this)).attr("class","first")})$.each($(".ourservices dl"),function(){$("dd:last",$(this)).attr("class","last")})});</script>
效果
