JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <object class="hiddenObj" id="firstObj">
        <param name="alpha" value="greek a"/>
        <param name="beta" value="greek b"/>
    </object>
    <object class="hiddenObj" id="secondObj">
        <param name="gamma" value="greek g"/>
        <param name="delta" value="greek d"/>
    </object>
</div>

CSS

.hiddenObj {
    display: none;
}

JavaScript

function bark() {
    var d = $("<div></div>");
    d.text(Array.prototype.join.call(arguments, ","));
    $('body').append(d);
}

function findx(obj, sel) {
    obj = $(obj);
    return obj.children(sel).add(
        obj.children().find(sel)
    );
}

var objects = $('object');
bark("Object count: " + objects.length);
objects.each(function() {
    var o = $(this);
    bark("Object id: " + this.id);
    var params = o.find("param");
    bark("Param count: " + params.length);
    params.each(function() {
        bark("Param " + this.name + " -> " + this.value);
    });
    var cparams = o.children("param");
    bark("Params that are direct children: " + cparams.length);
    var aparams = findx(o, "param");
    bark("Params found with explicit recurse: " + aparams.length);
});