jQuery :nth-child funktioniert nicht im IE

Ich bin mit diesem code

$('.list-item:nth-child(5n)').after('<div class="clear"><img src="http://domain.com/image.jpg" width="780" height="80" alt="banner" /></div>')

Dies funktioniert gut in Firefox und Chrome, aber nicht im IE8, IE9...

  • AFAIK nth-child nicht unterstützt wird im IE8 sowieso.
  • Bitte poste deinen HTML-Code für die .list-item Elemente. Auch post-Nachrichten, die Sie möglicherweise sehen, in Ihre Konsole.
  • ich überprüfe und funktioniert nicht im IE. weiß nicht whts falsch
InformationsquelleAutor Code Lover | 2012-06-07
  1. 4

    jQuery Griffe nth-child in der Abwesenheit von native browser-Unterstützung. Es funktioniert im IE7, 8 und 9+.

    Fiddle: http://jsfiddle.net/jonathansampson/Y3MP4/

    InformationsquelleAutor Sampson
  2. 2

    nth-child wird nicht unterstützt in IE 6-8. IE9 unterstützt es. Sehen hier.

    Sehen diese Frage für einen möglichen Notbehelf.

    • jQuery Griffe nth-child in der Abwesenheit von native browser-Unterstützung.
    InformationsquelleAutor sachleen
  3. 1

    Es klingt, als gäbe es etwas anderes nicht stimmt. Ihr code sollte auch im IE6 - obwohl IE<9 nicht nativ unterstützt nth-child, jQuery-selector-engine (Sizzle) implizit behandelt es für Sie.

    Geben Sie diesen code ein zu gehen:

    <script>
$("ul").remove();
var ul = $("<ul>");
for (var i = 1; i < 100; i++) {
  $("<li>", {
    "class" : "list-item",
    html : i
  }).appendTo(ul);
}
ul.appendTo(document.body);

$('.list-item:nth-child(5n)')
  .after('<div class="clear">Clear!</div>')
</script>

    Siehst du das "Klar!" Bemerkungen? Sogar im IE6, sollten Sie...

    • Wie verändern Sie diesen code für den div?
    InformationsquelleAutor chug187
  4. 0

    Gibt es eigentlich ein Skript, das Sie hochladen können, in Ihrem js-Ordner und fügen Sie einige Bedingungen in Ihrem Kopf-und nth-child funktioniert im IE 6, 7 und 8. Sie können lernen, mehr hier und wenn Sie verwenden müssen, abgerundete Ecken, müssen Sie installieren Sie dieses Skript aufgerufen curvycorners.js
    Sind Sie wirklich Zeit sparen. Viel Glück

    InformationsquelleAutor Michel Arteta
  5. 0

    Die jQuery-nth-child-Selektor funktioniert nicht in einigen Fällen Ecke, die mit komplexen Selektoren im IE8.

    Folgenden geändert werden müsse, im IE8.

    //Works fine in IE9+, FF and Chrome. 
//dataColumn = jQuery('.table-header div.rf-edt-hdr + div table table tbody > tr:nth-child(1) td:nth-child(1)');
//headerColumn = jQuery('div.table-header > div.rf-edt-hdr table table > tbody > tr td:nth-child(1)');
dataColumn = jQuery('.table-header div.rf-edt-hdr + div table table tbody > tr').eq(0).find('td').eq(0);
headerColumn = jQuery('div.table-header > div.rf-edt-hdr table table > tbody > tr td').eq(0);

    HINWEIS:nth-child 1-index basiert. eq() ist 0-index-basiert.

    InformationsquelleAutor user1491819
Schreibe einen Kommentar