CODEWITHSUNDEEP
javascriptjqueryhtmlexists
utdev
utdev

Reputation: 4102

Javascript / Jquery check if id already exists

How can I check if an html tag with its unique id exists twice or more times ?

my pseudocode:

if($('#myId') > 1) {
  // exists twice
}

Upvotes: 4

Views: 3789

Answers (4)

jayesh
jayesh

Reputation: 2492

This is too simple you might get from small search

if($("#" + name).length > 1) {
  // if exists twice 
}

how many time it exists = $("#" + name).length

Upvotes: 0

Error404
Error404

Reputation: 744

JQuery

if($("[id=someId]").length > 1) {
    //Do Something
}

or

if($("[id=someId]").size() > 1) {
    //Do Something
}

Javascript

if(document.querySelectorAll("[id=someId]").length > 1) {
    //Do Something
}

Upvotes: 2

Pranav C Balan
Pranav C Balan

Reputation: 115212

ID selector only catches the first element which is first in the page. So the length of ID selector should be 0 or 1 always.

So use attribute equals selector instead and check it's length.

if($('[id="myId"]').length > 1) {
  // exists twice
}


if ($('[id="myId"]').length > 1) {
  console.log('twice');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myId"></div>
<div id="myId"></div>

Upvotes: 5

Paramjeet
Paramjeet

Reputation: 316

if($("[id='myId']").length > 1) {
    // write your code here
}

Upvotes: 0

Related Questions