如何在javascript中获取邻居td值

Question

我正在使用DataTable。单击下一个td中的按钮

，我将获得邻居td值

表

<td class="">
    <span class="imei">imei1</span>
</td>
<td class="">
    <div>
        <input type="button" value="Approve" class="btn-info approve">
        <input type="button" value="Reject" class="btn-warning reject" >
    </div>
</td>

JS

DataTable.on('click', .approve', function(event) {
    // here I want get imei value   
});

在此次点击活动中。我想要

Answer 1

您可以通过以下方式获取范围内容：

var spanContent = document.getElementById('imei').innerHTML;

但是，此代码不考虑元素之间的任何关系，我只是使用您已在跨度上设置的id。由于id属性应该是唯一的，因此应该可以正常工作。

Answer 2

如果您有不同的ID，并且您想要所有行的通用解决方案。试试这个。

var target = event.target,
    value;

while((target = target.parentNode) && (target.nodeName !== "TD")){}

value = target.previousSibling.firstElementChild.innerHTML;

或更强大的版本

while((target = target.parentNode) && (target.nodeName !== "TR")){}

value = target.querySelector('.imei').innerHTML;