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.
Tweet
About The Author
No comments:
Post a Comment