Wie kann ich onclick-Ereignis auf eine Spalte einer Tabelle?
Ich versuche, fügen Sie ein onclick-Ereignis auf eine Spalte einer Tabelle mit JavaScript. Zum Beispiel ein onclick-Ereignis aktiviert, auf der ersten oder zweiten Spalte! Die folgende Funktion ist für die Zeilen, ich brauche aber zum Bearbeiten dieser Funktion für bestimmte Spalten.
function addRowHandlers() {
var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for(i = 0; i < rows.length; i++) {
var currentRow = table.rows[i];
var createClickHandler = function (row) {
return function () {
var cell = row.getElementsByTagName("td")[0];
var id = cell.innerHTML;
alert("id:" + id);
};
};
currentRow.onclick = createClickHandler(currentRow);
}
}
Ich sehe nicht ein einzelnes Fragezeichen in Ihr "die Frage"
Jamie Taylotr. Ich bearbeitet meine Frage. Ist das ok? 🙂
vielleicht ist Sie auf Klasse hinzufügen, um Zellen, die Sie wollen-Ereignis auf, dann binden Sie in die Klasse.
Wie kann ich mit der Klasse in dieser Funktion?(was ist die syntax?)
machen ein Klasse name für jedes "td", wie die Spalten-Nummer und überprüfen Sie es onClick auf alle " d " - tag !!
Jamie Taylotr. Ich bearbeitet meine Frage. Ist das ok? 🙂
vielleicht ist Sie auf Klasse hinzufügen, um Zellen, die Sie wollen-Ereignis auf, dann binden Sie in die Klasse.
Wie kann ich mit der Klasse in dieser Funktion?(was ist die syntax?)
machen ein Klasse name für jedes "td", wie die Spalten-Nummer und überprüfen Sie es onClick auf alle " d " - tag !!
InformationsquelleAutor user2448849 | 2013-10-08
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, diese arbeiten soln.
Arbeiten Demo
InformationsquelleAutor Anand Jha
hinzufügen-Klasse, um den betroffenen Zeilen/Spalten würde flexibler sein.
wenn Sie wissen, die Zeilen/Spalten so etwas wie dies tun (ungetestet), für die Zeilen 1 und 2:
InformationsquelleAutor gwillie
Dies ist der code für return Zeile und Spalte Anzahl der Verwendung von jQuery, es muss hilfreich sein
Jsfiddle link
InformationsquelleAutor chakroun yesser
Können Sie nur die einzelnen
onclick
handler zu Ihrem Tisch, und dann erkennen Sie die angeklickte Spalte, diese Technik wird als Ereignis-delegation:JSFiddle-Beispiel
InformationsquelleAutor Stano