Javascript 如何获取当前行单元格值

我在

showPosition

函数中将以下按钮添加到表中的每一行

<button class="btn btn-primary" id="showOnMap" onclick="locateOnMap()">Show on Map</button>

showPosition

方法连续运行并添加多行

function showPosition(position) {
    var table = document.getElementById("gpstable");
                var row = table.insertRow(1);
                var cell1 = row.insertCell(0);
                var cell2 = row.insertCell(1);
                var cell3 = row.insertCell(2);
                var cell4 = row.insertCell(3);
                cell1.innerHTML = Date();
                cell2.innerHTML = position.coords.latitude;
                cell3.innerHTML = position.coords.longitude;
                cell4.innerHTML = "";
                var bt = document.getElementById("showOnMap").cloneNode();
                var cell5 = row.insertCell(4);
                cell5.appendChild(bt);
}

---

在每次添加之前，将这两个值作为

data-

属性添加到按钮上，怎么样

<button class="btn btn-primary showOnMap" data-lat="stuff" data-lon="things" onclick="locateOnMap()">Show on Map</button>

showPosition的代码如下所示：

function locateOnMap() {
    var btn = $(this);
    var lat = btn.data('lat');
    var lon = btn.data('lon');
}

function showPosition(position) {
    var table = $("#gpstable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    cell1.innerHTML = Date();
    cell2.innerHTML = position.coords.latitude;
    cell3.innerHTML = position.coords.longitude;
    cell4.innerHTML = "";
    var bt = $("#showOnMap").clone();
    bt.data("lat", position.coords.latitude);
    bt.data("lon", position.coords.longitude);
    var cell5 = row.insertCell(4);
    cell5.appendChild(bt);
}

---

我们能看看桌子吗？：）（html）仅供参考，ID在文档上下文中必须是唯一的

function showPosition(position) {
    var table = $("#gpstable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    cell1.innerHTML = Date();
    cell2.innerHTML = position.coords.latitude;
    cell3.innerHTML = position.coords.longitude;
    cell4.innerHTML = "";
    var bt = $("#showOnMap").clone();
    bt.data("lat", position.coords.latitude);
    bt.data("lon", position.coords.longitude);
    var cell5 = row.insertCell(4);
    cell5.appendChild(bt);
}