Wie die zeilenweise und spaltenweise Tabellendaten einer ausgewählten Zelle in js

Question

bekommen [! [Dies ist eine Tabelle HTML] Entwickelt auf Basis ist [1]] [1]

Hallo, In dieser Tabelle sind jede Zelle kann vom Benutzer ausgewählt werden (sogar mehrere Zellen). Was ich brauche, ist, dass, sobald der Submit-Button gedrückt wird, die entsprechenden zeilenweisen und spaltenweisen Tabellendaten, dh B und 1pm, in diesem Beispiel in der Datenbank gespeichert werden müssen.

<script type="text/javascript"> 
function change() 
{ 
var cells = document.querySelectorAll("td"); 

for (var i = 0; i < cells.length; i++) { 
    cells[i].addEventListener("click", function() { 
     this.className= this.className == "white" ? "green" : "white"; 
    }); 
} 
} 

function alert() 
{ 
var cells = document.querySelectorAll("td"); 

for(var i=0;i<cells.length;i++) 
{ 
if(cells[i].className.match("green")) 
{ 
document.getElementById('p1').innerHTML="Appointment fixed"; 

} 

} 

} 

</script> 

Dies ist die js für Zellenauswahl und Alarmmeldung auf einreichen, wenn eine der Zellen

ausgewählt Ich bin neu in js, so jemand mir freundlich mit this.Thankyou helfen.

Answer 1

Im HTML jedes Element td Sie seine Spaltennamen und Zeilennamen wie diese

<td data-r="Fairlands_B" data-c="1pm" class="green"></td> 

Dann die Zeilen- und Spaltendaten aus dem angeklickten td erhalten speichern:

var place=this.dataset.r; 
var time=this.dataset.c;