v1
- by stefansarya 9/17/202000
Setup HTML
<script src="https://cdn.jsdelivr.net/npm/scarletsframe@0.30.0/dist/scarletsframe.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/umbrellajs"></script>
<script src="https://zeptojs.com/zepto.min.js"></script>
<script src="https://blissfuljs.com/bliss.shy.min.js"></script>
<!-- Just counting dummy `a` elements, total = 4 -->
<div class="this">
<a class="dummy"></a>
<a class="dummy"></a>
<a></a>
</div>
<div class="that">
<a class="dummy"></a>
<a class="dummy"></a>
<a></a>
</div>ready
var temp = document.querySelectorAll('div.this, div.that');
var len = 0;
temp.forEach(function(div){
len += div.querySelectorAll('a.dummy').length;
});
// Prefer vanilla?
// This may looks simple, but for bigger project it would be more simple with help of a library
ready
var temp = sf.dom('div.this, div.that');
var len = temp.find('a.dummy').length;ready
var temp = jQuery('div.this, div.that');
var len = temp.find('a.dummy').length;ready
var temp = Zepto('div.this, div.that');
var len = temp.find('a.dummy').length;ready
var temp = u('div.this, div.that');
var len = temp.find('a.dummy').length;ready
var temp = Bliss.$('div.this, div.that'); // temp is just an Array '-'
var len = 0;
temp.forEach(function(div){
len += Bliss.$('a.dummy', div).length;
});