javascript - 如何通过点击javascript按钮获取第一列的文本值

Question

我是 html 和 javascript 新手。我下面有清晰的代码

HTML

<tr>
    <td>1</td>
    <td>Info1</td>
    <td><input class="btn" value="Show" onclick="showTdSecond();" type="button"></td>
</tr>
<tr>
    <td>2</td>
    <td>Info2</td>
    <td><input class="btn" value="Show" onclick="showTdSecond();" type="button"></td>
</tr>
<tr>
    <td>3</td>
    <td>Info3</td>
    <td><input class="btn" value="Show" onclick="showTdSecond();" type="button"></td>
</tr>

Javascript

<script type="text/javascript">
function showTdSecond() {

}

我想单击一个按钮，我将获得第二个文本值。示例:信息1、信息2、信息3。请帮助我，

Answer 1

首先，您必须将 this 值传递给内联事件处理程序，

<input class="btn" value="Show" onclick="showTdSecond(this);" type="button">

然后使用this上下文并遍历到相关元素并收集其文本，

function showTdSecond(_this) {
 alert(_this.parentNode.previousElementSibling.textContent);
}

在这里您可以阅读有关previousElementSibling的更多信息。 .

DEMO