JSFiddle - React, Tailwind, and code Playground

HTML

<div id="report"></div>

JavaScript

var $d = $(document.createDocumentFragment());
$d.append($('<div><a>wee</a></div>')).append($('<p>my paragraph</p>'));

var response;
response = 'I found ' + $d.children().length + ' children.<br>';
response += 'I found ' + $d.children('div').length + ' div children.<br>';
$d.children().each(function() { 
    var escapedChildren = this.outerHTML.replace(/</g, '&lt;').replace(/>/g, '&gt;');
    response += 'Child: ' + escapedChildren + '<br>';
});
response += 'But ' + $d.find('a').length + ' As using find...<br>';
response += 'But ' + $d.find('div').length + ' DIVs using find...<br>';
response += 'Wat?';
$('#report').html(response);