jQuery.die remove() -vs.- $('#id').remove() im Internet Explorer (IE 9+)

Warum ist es, dass this.remove() funktioniert nicht im IE9+?

<input type="button" value="Next1" id="nextButton1">
<br>
<input type="button" value="Next2" id="nextButton2">

$('#nextButton1').on('click', function() {
   this.remove(); //works in all browsers but IE9+
});

$('#nextButton2').on('click', function() {
   $('#nextButton2').remove(); //works in all browsers
});

JSFiddle live-version

versuchen Sie $(this).entfernen()
Sie scheinen anzunehmen, dass this ist ein jQuery-Objekt. Es ist nicht. Bitte Lesen Sie die jQuery-tutorial: "neben dem event-Objekt das event-handling-Funktion auch Zugriff auf das DOM-element, das den handler gebunden war, um über das Schlüsselwort this. Um die DOM-Elements in ein jQuery-Objekt, dass wir verwenden jQuery-Methoden auf, die wir einfach tun $( this ) oft nach diesem idiom: var element = $( this );"
Shim: if (!HTMLElement.prototype.remove) HTMLElement.prototype.remove = function() { return this.parentNode.removeChild(this) };

InformationsquelleAutor pemoke | 2014-06-18

  1. 6

    Weil Sie mit der ChildNode.remove() Methode, die nicht von allen Browsern unterstützt.

    this ---> refers to a node. //WARNING: This is an experimental technology

    jQuery .remove() Methode, allerdings ist cross-browser-und-so zu verwenden, müssen Sie wrap this im $(...) wie diese:

    $(this).remove();

    ChildNode.die remove () - Browser Kompatibilität

    this.remove() wird unterstützt von den folgenden desktop-Browsern:

    - Chrome 23+
- Firefox 23+
- Opera 10+
- Safari 7+
    Was ist, wenn Sie entfernen möchten nur eine Klasse? d.h. $(das.link).entfernen(); ?? wobei alles mit der Klasse "link" entfernt werden würde?
    Wie wäre $('.link').remove()? Vielleicht möchten Sie bitten, eine vollständige Frage damit wir wissen, Kontext. .... Wenn der Kontext this dann versuchen $(this).filter('.link').remove()

    InformationsquelleAutor PeterKA

  2. 3

    Wrap this im jQuery:

    $('#nextButton1').on('click', function() {
   $(this).remove();
});

    InformationsquelleAutor Joseph Silber

  3. 0

    Fragte man warum, so ist hier, warum:

    Im Rahmen einer jQuery event-handler, this bezieht sich auf das DOM-element referenzieren, das jQuery-Shops für das element, das Sie derzeit den Umgang mit Ereignissen. Da die .remove() Funktion, die Sie beabsichtigen zu verwenden ist ein jQuery -member-Funktion, und nicht eine native DOM-browser-Funktion, es funktioniert nicht wie erwartet.

    Jedoch, wenn Sie wickeln die DOM-Referenz innerhalb der $() oder jQuery(), so wird es $(this) statt this, die $ oder jQuery Funktion nimmt die DOM-Referenz als parameter und gibt eine jQuery-Referenz, das ist dann in der Lage, jQuery member-Funktionen aufgerufen.

    Können Sie immer Ihren pass DOM Verweise auf jQuery und Holen Sie sich jQuery Referenzen zurück

    E. g. 

    var test = document.getElementById('test');
$(test).remove();

    http://jsfiddle.net/2h45Y/

    "Da .remove() ist eine jQuery-member-Funktion ist, und nicht eine native DOM-browser-Funktion, funktioniert es nicht." Aber es funktioniert in allen Browsern außer dem IE.
    Bearbeitet für Klarheit.

    InformationsquelleAutor Alex W

Schreibe einen Kommentar