如何在jquery中獲取元素的值？

Question

如何獲取data-toggle的內部函數load_data(id)的值？最近一直很混亂。無論我嘗試什麼，它都不起作用。

<ul class="list-unstyled" id="faq_list"> 

    <li data-type='parent'> 
    <a href="javascript:;" data-toggle="a77" onClick="load_data(1)">General</a> 
    <div id="target_1" class="subdata"></div> 
    </li> 

    <li data-type='parent'> 
    <a href="javascript:;" data-toggle="b99" onClick="load_data(4)">Orders</a> 
    <div id="target_4" class="subdata"></div> 
    </li> 

    <li data-type='parent'> 
    <a href="javascript:;" data-toggle="cAB" onClick="load_data(3)">Problems</a> 
    <div id="target_3" class="subdata"></div> 
    </li> 

</ul> 

我怎樣才能進去功能load_data(id)data-toggle標籤的價值？

Answer 1

如果您想要，您可以嘗試此解決方案。

更改此：

<a href="javascript:;" data-toggle="a77" onClick="load_data(1)">General</a> 

爲

<a href="javascript:;" data-toggle="a77" onClick="load_data(1, this.attributes[1])">General</a> 
// this.attributes[1] --> capture element atribute at index 1, 
// in this case is "data-toggle" 
// same goes to another a element 

的JavaScript

function load_data(no, dataToggle){ 
    console.log(dataToggle.value);  
} 

============== ======= OR =======================

改變這一點：

<a href="javascript:;" data-toggle="a77" onClick="load_data(1)">General</a> 

爲

<a href="javascript:;" data-toggle="a77" onClick="load_data(1, this)">General</a> 

然後在load_data函數中：

function load_data(no, elem){ 
    console.log($(elem).data('toggle'));  
} 

DEMO