Using jQuery count all elements within a division

  • جي كويري

Using jQuery count all elements within a division.

الأجوبة

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Count all elements within a division.</title>
</head>
<body>
<div  id="iddiv">
<span>This is a span</span>
<p>This is a Paragraph</p>
<button id="button1">Click to see the effect</button>
</div>
</body>
</html>

CSS Code:
button {
    display: block;
    margin: 20px 0 0 0;
    clear: both
    }  


   span, p {
    width: 160px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #B0E0E6
  }

JavaScript Code :

$('#button1').click(function(){ 

  var elementCount = $( "#iddiv" ).find( "*" ).css( "border", "2px solid blue" ).length;

  $( "body" ).prepend( "" + elementCount + " element(s) found" );
});
هل كان المحتوى مفيد؟

القوائم الدراسية التي ينتمي لها السؤال

معلومات ذات صلة

تبحث عن مدرس اونلاين؟

محتاج مساعدة باختيار المدرس الافضل؟ تواصل مع فريقنا الان لمساعدتك بتأمين افضل مدرس
ماهو التخصص الذي تبحث عنه؟
اكتب هنا...