Jquery获取dl中第一个dd和最后一个dd

发表于2017-04-07 10:22:29来源于创想网页设计工作室

次点击[大] [中] [小] [打印] [关闭窗口] [评论]

<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=https://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=https://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=https://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=https://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=https://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=https://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>

完整代码如下

<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>

效果

相关热词搜索：获取dl中第一个dd获取dl中最后个ddjquery特效

上一篇：Jquery获取ul中第一个li和最后一个li

下一篇：利用sohu的API接口获得客户端IP的方法