如何獲得跨度

Question

的屬性值上點擊按鈕要從跨度

<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> 

與此代碼獲取[對象]作爲警報試過值。

<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

嘗試改變這樣的：

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

你也有<a>點擊功能，它不會出現在HTML，因爲你沒有裏面的東西<a>

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

Answer 3

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

Answer 4

可以達到最接近<td>，然後搶相關<span>象下面這樣：

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

<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>