Using jQuery to find out Elements on the Page that do not have an ID attribute

In this post, I will demo a simple selector to find out elements on the page that do not have an ID attribute declared on them

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Input Elements that do not have an ID attribute</title>
    <script  type="text/javascript"
    src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js">
    </script>
   
    <script type="text/javascript">
        $(function () {
            $('div :not([id])').css("border", "2px Black solid");
            // for only input elements
            //$('div input:not([id])').css("border", "2px Black solid");
        });
    </script>
</head>
<body>
    <div>
        <input id="Button1" type="button" value="button" />
        <input id="Text1" type="text" />
        <input type="password" />
        <input type="radio" />
        <input id="Checkbox1" type="checkbox" />
        <img src="images/Desert.jpg" height="200" width="200" />
    </div>
</body>
</html>


The code shown above uses the :not() selector to find elements without the id attribute and adds a black border around the elements.

image

No comments:

Post a Comment