Question

点击按钮，想要来自span

的值

<td style="border-style:None;">
   <span data-needed="4080">
   <input id="MainContent_grdr1_chkCheck_0" type="checkbox" name="ctl00$MainContent$grd2$ctl02$chkCheck"></span>
   <a id="MainContent_grdr1_lnkViewLog_0" class="btn btn-primary btn-xs btn-graph" href="javascript:__doPostBack('ctl00$MainContent$grdRatesAcknowledge$ctl02$lnkViewLog','')"><i class="fa fa-line-chart" aria-hidden="true"></i></a>
</td>

尝试使用此代码将[object]设置为警报。

 <script>
     $('.btn-graph').on('click', function () {
     var proid = $(this).closest('span').find('data-needed');
     alert(proid);
     });
 </script>

Answer 1

使用attr()

$('.btn-graph').on('click', function (e) {
     e.preventDefult();
     var proid = $(this).prev('span').attr('data-needed');
     alert(proid);
     __doPostBack('ctl00$MainContent$grdRatesAcknowledge$ctl02$lnkViewLog','')
}

Answer 2

您可以访问距离最近的<td>，然后抓取相关的<span>，如下所示：

＆＃13;

$(document).ready(function() {
  $('.btn-graph').on('click', function() {
    var proid = $(this).closest('td').find("span").data("needed");
    alert(proid);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td style="border-style:None;">
      <span data-needed="4080">
   <input id="MainContent_grdr1_chkCheck_0" type="checkbox" name="ctl00$MainContent$grd2$ctl02$chkCheck"></span>
      <a id="MainContent_grdr1_lnkViewLog_0" class="btn btn-primary btn-xs btn-graph" href="javascript:__doPostBack('ctl00$MainContent$grdRatesAcknowledge$ctl02$lnkViewLog','')"><i class="fa fa-line-chart" aria-hidden="true"></i>Click</a>
    </td>
  </tr>
</table>

＆＃13;

Answer 3

尝试更改为：

$('.btn-graph').on('click', function () {
    var proid = $(this).parent().find('span').attr('data-needed');
    alert(proid);
});

此外，您在<a>上有点击功能，但由于您在<a>

内没有任何内容，因此它不会显示在HTML上

https://jsfiddle.net/zs67d8an/1/

Answer 4

$('.btn-graph').on('click', function () {
        var proid = $(this).closest('td').find('span').attr("data-needed");           
        alert(proid);
});

如何获取span的属性值

4 个答案: