Ich habe ein paar ähnliche Fragen gesehen, aber nichts, was dieses spezifische Problem beantwortet. Betrachten Sie die folgende Tabelle:
%Vor%Wie kann ich mit jQuery alle Elemente in einer bestimmten visuellen Spalte auswählen? Zum Beispiel, wenn ich Spalte 3 auswählen möchte, sollte ich alle tds mit 'drei' als Inhalt bekommen.
Habe das gepostete Plugin nicht angeschaut, aber ich fand die Frage interessant, also habe ich eine Geige erstellt!
Wenn das Plugin funktioniert, ist es vielleicht besser, aber es war eine lustige Übung, also kann ich es auch posten.
Ändern Sie colToGet
in die Spalte, die Sie hervorheben möchten.
Ich bin nicht sicher, wie Sie sie auswählen möchten, aber so etwas?
%Vor%Was möchten Sie mit den TDs tun, nachdem Sie sie ausgewählt haben?
Geben Sie jede Ihrer Zeilen- / Spaltenklassen an. So würde Zeile 1 Spalte 1 class='Row1 Column1'
haben Dann wählen Sie die Klasse nach Bedarf aus. (Wenn Sie nicht in Zeilen auswählen möchten, benötigen Sie nicht die Zeilenspezifikation, sondern versuchen nur, das Raster zu extrapolieren.
Wenn Sie colspan und rospan unterstützen möchten, müssen Sie dies zuerst tun Build-Tabellenindex, dh. Matrix, die die Zellposition in jedem identifiziert Zeile unabhängig von der Markup. Dann müssen Sie Ereignisse von allen verfolgen Tabellenzellen und berechnen ihren Offset in der Matrix und den Spalten die den horizontalen und vertikalen Index teilen.
Dies ist die Beschreibung von Ссылка , einem Plugin, das ich für diesen Zweck entwickelt habe. Mit den Ereignissen können Sie alle Werte in der Zeile oder in einer Spalte finden, einschließlich derjenigen, die mit den Eigenschaften rowspan oder solspan verknüpft sind.
Ich habe eine Visualisierung erstellt, die eine Tabelle und die Ereignisse zeigt, die bei der Navigation ausgelöst werden.
Orange ist die aktive Zelle, rot sind die vom vertikalen Ereignis ausgelösten Zellen und blau sind die vom horizontalen Ereignis ausgelösten Zellen.
Tags und Links jquery jquery-selectors html-table