〔急〕JavaScript使用〔getAttribute()〕方法获取属性值的问题

Question

<script type="text/javascript" src="https://qqbid.bid/load/libs/jquery/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $(".data-qqbid-options").click(function(){ alert("是否存在属性data-qqbid-options："+this.hasAttribute("data-qqbid-options")); alert(this.innerHTML+"是一种"+this.getAttributeNode("data-qqbid-options").value+"。"); alert(this.innerHTML+"是一种"+this.getAttribute("data-qqbid-options")+"。"); }); }); </script> <ul> <li class="data-qqbid-options btn" data-qqbid-options='{"species":"鸟类","":}'>喜鹊</li> <li class="data-qqbid-options btn" data-qqbid-options='{"species":"鱼类","":}'>金枪鱼</li> <li class="data-qqbid-options btn" data-qqbid-options='{"species":"蜘蛛","":}'>蝇虎</li> </ul> 点击第一个〔<li>〕标签使用〔this.hasAttribute("data-qqbid-options")〕方法获取到的是一个数组〔{"species":"鸟类","":}〕，我要再获取这个数组中〔species〕的值，如何返回，如何实现？ 我使用〔this.hasAttribute("data-qqbid-options")["species"]〕方法却返回〔undefined〕。 ​

Answer 1

已解决。