關於li標簽的value屬性值的獲取問題

在前幾天的開發過程中，遇到了這樣一個問題。

在li標簽中嵌入了一個value屬性，如這樣滴：

<li id="ts1" value="0001"></li>
<li id="ts2" value="1111"></li>
<li id="ts3" value="dasdsadadad111"></li>    

然后通過JQ的val()來打算獲取每個li的value值

 var ts1 = $('#ts1').val();
 var ts2 = $('#ts2').val();
 var ts3 = $('#ts3').val();

console.log(ts1);
console.log('------------ ts1 ----------------')
console.log(ts2);
console.log('------------ ts2 ----------------')
console.log(ts3);
console.log('------------ ts3 ----------------')

然后會驚訝的發現。。。。。
我們得到的並不是我們想要的  0001、1111、dasdsadadad111，而是這樣的

這個和我們想要的區別太大了啊，發生了什么。。。。。。。

然后。。。。。。打開li便簽的屬性

懂了吧~~

使用val獲取值的時候會強制的自動裝換為number類型

 

但是又想獲取我們給予value的值我們該怎么辦

    var ts1 = $('#ts1').val();
    var ts2 = $('#ts2').val();
    var ts3 = $('#ts3').val();
    var ts11 = $('#ts1').attr("value");
    var ts21 = $('#ts2').attr("value");
    var ts31 = $('#ts3').attr("value");
    console.log(ts1);
    console.log('------------ ts1 ----------------')
    console.log(ts2);
    console.log('------------ ts2 ----------------')
    console.log(ts3);
    console.log('------------ ts3 ----------------')
    console.log(ts11);
    console.log('------------ ts11 ----------------')
    console.log(ts21);
    console.log('------------ ts21 ----------------')
    console.log(ts31);
    console.log('------------ ts31 ----------------')

　　使用這個我們可以得到如下：

 

 

嗯，說完了，搞定、收工！！