JQuery hasAttr checking to see if there is an attribute on an element

Question

JQuery hasAttr checking to see if there is an attribute on an element

How do you check if there is an attribute on an element in jQuery? Similar to hasClass, but with attr?

For example,

if ($(this).hasAttr("name")) {

    // ...

}

jQuery

4 years ago by Bharatv4tg1

3 Answers

Login / Signup to Answer the Question.

Login Signup

**akshay1995** · Answer 1 · 2021-06-11T12:20:31



var attr = $(this).attr('name');



// For some browsers, `attr` is undefined; for others,

// `attr` is false.  Check for both.

if (typeof attr !== 'undefined' && attr !== false) {

    // ...

}

**kshitijrana14** · Answer 2 · 2021-06-15T04:43:39

How about just $(this).is("[name]")?

The [attr] syntax is the CSS selector for an element with an attribute attr, and .is() checks if the element it is called on matches the given CSS selector.

**pankajshivnani123** · Answer 3 · 2021-06-15T13:15:09

If you will be checking the existence of attributes frequently, I would suggest creating a hasAttr function, to use as you hypothesized in your question:



$.fn.hasAttr = function(name) {  

   return this.attr(name) !== undefined;

};



$(document).ready(function() {

    if($('.edit').hasAttr('id')) {

        alert('true');

    } else {

        alert('false');

    }

});



<div class="edit" id="div_1">Test field</div>

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

JQuery hasAttr checking to see if there is an attribute on an element

3 Answers

Login / Signup to Answer the Question.