Perché la chiamata a appendChild di jQuery fallisce con un errore non definito?

Qui è la mia semplice HTML:Perché la chiamata a appendChild di jQuery fallisce con un errore non definito?

<body> 
    <div id="myParentDivElement"> 
     Hello World! 
    </div> 
</body>

Ecco il JavaScript accompagnamento:

$(document).ready(function() { 
    var myDOMElement = document.getElementById("myParentDivElement"); 

    var newDivID = "div_1"; 
    var newDiv = $('<div id="' + newDivID + '"/>'); 
    $(newDiv).css('marginLeft', '50px'); 

    var newSpanID = "span_1"; 
    var newSpan = $('<span id="' + newSpanID + '"/>'); 
    newSpan.text('myLabel'); 
    newDiv.appendChild(newSpan); 
    $(myDOMElement).appendChild(newDiv); 
});

Ma quando ho eseguito questo codice la linea newDiv.appendChild(newSpan); dà il seguente errore:

Uncaught TypeError: undefined is not a function

Can qualcuno spiega perché? Ecco il JSFiddle dimostrando che non funziona: http://jsfiddle.net/TsTMx/2/

fonte

2014-05-01 Saqib Ali

Perché non accettare una di queste risposte? –

Usa .append()

newDiv.append(newSpan);

.appendChild() opere con elemento DOM. newDiv è jQuery Object non un semplice elemento DOM JavaScript.

Working Fiddle

fonte

2014-05-01 06:29:17

newDiv è un oggetto jQuery, non un oggetto DOM.

oggetti jQuery non hanno an appendChild method, hanno an append method.

fonte

2014-05-01 06:29:25 Quentin

.appendChild() è un metodo JavaScript, jQuery non semplice. Il metodo jQuery è .append().

newDiv.append(newSpan); 
$(myDOMElement).append(newDiv);

fonte

2014-05-01 06:29:32 MrCode

'appendChild' è DOM, non JavaScript. – Quentin

Vero che fa parte del DOM ma è giusto dire che si tratta di un semplice metodo JavaScript rispetto a un metodo jQuery. – MrCode

I metodi DOM sono forniti dal browser e quindi tendono ad essere scritti in C/C++/Objective-C, mentre jQuery è scritto in JS così, mentre 'append' potrebbe finire per chiamare il metodo DOM, è scritto in JS stesso:) – Quentin

Perché la chiamata a appendChild di jQuery fallisce con un errore non definito?

risposta

Problemi correlati