Anfügen ist nicht eine Funktion von jquery

In den folgenden code, ich möchte in der Lage, anfügen test_div auf das element, das angeklickt wurde. Allerdings bekomme ich die Fehlermeldung, dass TypeError:e.srcElement.appendis not a function.

$(document).ready(function() {

    onclick = function (e) {
        var test_div = document.createElement("div");
        target = e.srcElement
        target.append(test_div);
        }

    $('#dialogue').on('click', onclick);

});

Ich habe versucht, den Druck aus der Art der e.srcElement, aber es sagt nur object, das ist nicht sehr hilfreich. Was ist der richtige Weg, um ein element anzuhängen, um das Element angeklickt?

InformationsquelleAutor Everyone_Else | 2016-07-12

  1. 13

    .append() ist jquery-Methode. Sie brauchen, um zu konvertieren DOM-Objekt in jquery-Objekt für die Verwendung von jquery-Methoden:

     $(target).append(test_div);

    InformationsquelleAutor Milind Anantwar

  2. 4

    Alternativ kann die javascript-Methode, die Sie verwenden können, ist appendChild()

    target.appendChild(test_div);

    InformationsquelleAutor binskits

  3. 1

    Müssen Sie die Verwendung von jQuery. Darüber hinaus mischen Sie vanilla JavaScript und jQuery. Ein alternativer Weg, dies zu tun ist:

    $(document).ready(function() {

  $('#dialogue').on('click', function (e) {
    var test_div = $("<div />");
    $(this).append(test_div);
  });

});

    InformationsquelleAutor Praveen Kumar Purushothaman

  4. 1

    e.srcElement ist ein DOM-Knoten. Die richtige Methode zum Anhängen ein weiteres element, um es ist appendChild

    .append ist das äquivalent zu JQuery-Methode.

    Hier ist die Dokumentation

    "Ich habe versucht, den Druck aus der Art der e.srcElement, aber es sagt nur object"

    console.log() Ihre debug-Meldungen.

    InformationsquelleAutor Charlie H

Schreibe einen Kommentar