Todos os exemplos de jQuery.append () parecem pegar uma string html e anexá-la a um contêiner. Eu tenho um caso de uso um pouco diferente. Meu servidor retorna um XML que contém texto HTML a ser exibido, algo como:

<event source="foo">
    <contents>
        <h1>This is an event</h1>
        This is the body of the event
    </contents>
</event>

Eu tenho uma div em que esse conteúdo precisa ser exibido.

Meu JS atualmente faz o seguinte:

Carrega os dados XML no jQuery no manipulador de sucesso $ .ajax ():

var jData = $ (dados);

Encontre a tag content e tente adicionar seus filhos à div que deve exibir o evento:

var contents = jData.find( "contents" );
if( contents != null )
{
    $( contents ).children().each( function( index, value ) 
    {
     $( "#eventDiv" ).append( $( value ) );,
    });
}

A chamada append () falha comErro não capturado: WRONG_DOCUMENT_ERR: exceção 4 do DOM no Chrome. O depurador mostra que o valor é um DOMElemento objeto e$ (valor) ser umObjeto que contém oElemento.

Qualquer ajuda será apreciada.

Obrigado. -Raj