〔急〕JavaScript使用〔getAttribute()〕方法获取属性值的问题
<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〕。