javascript - 使用 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) 在你的函数中没有引用你想要的元素所以你可以添加 el download_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>