使用 Jquery 调用下一个 td

Question

我有表试图使用 jQuery 获取下一列值，但它总是显示为空白。这是我的代码

<table>
<tr style="color: rgb(31, 73, 125); background-color: #eaeaea;"><td style="padding-left: 5px;"><a style="cursor: pointer;" onclick="download_excel('BL8','ATR','AWFR')">ATR-ADM-BLCMA8-CHN18-03-01-D</a></td><td>14</td><td>0</td><td>56</td><td>56</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
</table>
<script>
function download_excel(a,b,c){
text =  $(this).parent().next('td').text();
alert(text);
}
</script>

function download_excel(a,b,c){
text =  $(this).parent().next('td').text();
alert(text);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr style="color: rgb(31, 73, 125); background-color: #eaeaea;"><td style="padding-left: 5px;"><a style="cursor: pointer;" onclick="download_excel('BL8','ATR','AWFR')">ATR-ADM-BLCMA8-CHN18-03-01-D</a></td><td>14</td><td>0</td><td>56</td><td>56</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
</table>

有什么建议吗？

Answer 1

$(this)的问题.. 函数中的$(this)不引用所需的元素，因此您可以添加 eldownload_excel(el , a,b,c)并将$(this)更改为$(el)然后使用onclick="download_excel(this , 'BL8','ATR','AWFR')"

function download_excel(el,a,b,c){
text =  $(el).parent().next('td').text();
alert(text);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr style="color: rgb(31, 73, 125); background-color: #eaeaea;">
<td style="padding-left: 5px;">
<a style="cursor: pointer;" onclick="download_excel(this , 'BL8','ATR','AWFR')">ATR-ADM-BLCMA8-CHN18-03-01-D</a>
</td>
<td>14</td>
<td>0</td>
<td>56</td>
<td>56</td>
</tr>
</table>

Answer 2

目前this指的是window对象。

您必须将this传递给函数，以便可以将其引用为函数内当前单击的元素：

function download_excel(el, a,b,c){
text =  $(el).parent().next('td').text();
console.log(text);
console.log(this.constructor.name); // window
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr style="color: rgb(31, 73, 125); background-color: #eaeaea;"><td style="padding-left: 5px;"><a style="cursor: pointer;" onclick="download_excel(this, 'BL8','ATR','AWFR')">ATR-ADM-BLCMA8-CHN18-03-01-D</a></td><td>14</td><td>0</td><td>56</td><td>56</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>
</table>