Question

Is there a trick to inject arbitrary content into the DOM, and then select on that content, without knowing what the content is?

Example:

function myInjector( _htmlElement ) {
    $('#target').replaceWith(_htmlElement);
    /* Is it possible to then select the injected element here? */
}

I appreciate any advice provided.

Thanks.

Answer 1

You don’t need to select it – you already have a reference to it stored in the _htmlElement variable:

function myInjector( _htmlElement ) {
    $('#target').replaceWith(_htmlElement);

    alert(_htmlElement.parentNode.tagName);
}

---

Edit — just create the new jQuery object first and store it in a variable:

function myInjector( _htmlElement ) {
    var newEl = $(_htmlElement);
    $('#target').replaceWith(newEl);

    alert(newEl.parent()[0].tagName);
}