Jquery: Syntax error, unrecognized expression :nth-child()

Ich habe von jemand anderes die Antwort zu bekommen.

Jquery:

$("input:checkbox:not(:checked)").each(function() {
    var columnName = $(this).attr('name');
    $('td:nth-child(' + columnName + '),th:nth-child(' + columnName + ')').hide();
});

$("input:checkbox").click(function() {
    var columnName = $(this).attr('name');
    $('td:nth-child(' + columnName + '),th:nth-child(' + columnName + ')').toggle();
});

HTML:

<input type="checkbox" name="1" checked="checked"/>

Funktioniert es, wenn ich Werte in der :nth-child(1), aber nicht, wenn ich die variable. Mache ich es falsch oder verwende ich die falsche Jquery-Bibliothek.

Jede mögliche Hilfe würde geschätzt!

eq() oder get()
Können Sie Ihre HTML-code zu?
Konnte Sie reproduzieren Sie das problem in ein fiddle? Es klingt wie Sie haben die Checkboxen, deren name-Attribut ist nicht eine Reihe
Ich sehe kein problem hier: jsfiddle.net/B2Wb4
Es sieht aus wie Sie versuchen zu reagieren, auf einige element, dessen name leer ist

InformationsquelleAutor designtocode | 2013-06-07

  1. 3

    Ich vermute, Sie haben eine oder mehrere <input type="checkbox" /> wo die name Attribut ist nicht eine Zahl, oder ist nicht vorhanden.

    Beispiel:

    <input type="checkbox" name="string" />

    Wenn Sie Ihren code verwenden, hier werden die Fehler beschrieben:

    Uncaught Error: Syntax error, unrecognized expression: :nth-child

    Siehe Geige

    Workaround wäre, um zu überprüfen, dass columnName ist eine gültige Zahl:

    var columnName = $(this).prop('name') || '0';

if (columnName.match(/^[1-9]\d*$/)) {
  //columnName must start with a number between 1 to 9
  //and can be proceeded by zero or more numbers only
}

    Auch, es wäre eine bessere Idee zum zuweisen eines class auf die Kontrollkästchen, die verwendet werden, um show/hide den entsprechenden td/th's. 

    <input type="checkbox" class="showHide" name="1" />

    So, du bist nur Auswahl/Schleife über die Elemente, die Sie wollen, und nicht jede checkbox auf der Seite.

    $('input.showHide').click(function() { ... });
    Ich bin nicht mit strings, nur zahlen jsfiddle.net/msbodetti/NLdtv Es funktioniert nicht in der Fiedel..
    es funktioniert in der Geige. Sie haben keine jQuery: jsfiddle.net/NLdtv/2
    Ah vielen Dank, aber ich habe es in meiner php-header-Datei <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Ist es die falsche?
    Nein, es ist nicht die falsche. Sie wollte sich einfach nicht in die Geige, das ist der Grund, warum es nicht funktioniert hat.
    Ok danke, aber es funktioniert nicht in meinen Dateien. Und ich bin mit dem gleichen format in die Geige. Sollte ich eine andere Jquery-Bibliothek?

    InformationsquelleAutor billyonecan

Schreibe einen Kommentar