码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 判断某个属性是否存在 hasAttr

时间:2016-01-22 13:37:20      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

$(".fengye a").each(function () {
                if (typeof($(this).attr("href")) != "undefined") {
                    $(this).addClass("thisa");
                }
                else {
                    $(this).removeClass("thisa"); 
                }

            });
.fengye  a.thisa 
{
    background:#106bb1;
    color:#fff;
    
    }

 

在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断.

但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢?

这时就没有现成的方法了. 如果存在某个属性 $("#aid").attr("rel") 会返回 rel的值,如果不存在 rel属性则会返回"undefined"

undefined 就是 undefined类型 , if($("#aid").attr("rel")=="undefined") 这个判断可能不成立.

因为类型不相同.

建议使用 if(typeof($("#aid").attr("rel"))=="undefined") 即可

 

最终效果

 

 

技术分享

 

技术分享

JQuery 判断某个属性是否存在 hasAttr

标签:

原文地址:http://www.cnblogs.com/qigege/p/5150466.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!