关于li标签的value属性值的获取问题
作者：互联网
在前几天的开发过程中，遇到了关于value取值问题，在博客园搜到博主的相关文章。
原博链接：https://www.cnblogs.com/bencorry/p/7595022.html
以防以后自己忘记，在这里记录一下。
在li标签中嵌入了一value属性：
1 <li id="ts1" value="0001"></li> 2 <li id="ts2" value="1111"></li> 3 <li id="ts3" value="dasdsadadad111"></li>
然后通过JQ的val()来打算获取每个li的value值
1 var ts1 = $('#ts1').val();
2 var ts2 = $('#ts2').val();
3 var ts3 = $('#ts3').val();
4
5 console.log(ts1);
6 console.log('------------ ts1 ----------------')
7 console.log(ts2);
8 console.log('------------ ts2 ----------------')
9 console.log(ts3);
10 console.log('------------ ts3 ----------------')
然后会发现我们得到的并不是我们想要的 0001、1111、dasdsadadad111，而是这样的
打开li便签的属性，发现使用val获取值的时候会强制的自动装换为number类型
但是又想获取我们给予value的值我们该怎么办,使用attr()方法：
1 var ts1 = $('#ts1').val();
2 var ts2 = $('#ts2').val();
3 var ts3 = $('#ts3').val();
4 var ts11 = $('#ts1').attr("value");
5 var ts21 = $('#ts2').attr("value");
6 var ts31 = $('#ts3').attr("value");
7 console.log(ts1);
8 console.log('------------ ts1 ----------------')
9 console.log(ts2);
10 console.log('------------ ts2 ----------------')
11 console.log(ts3);
12 console.log('------------ ts3 ----------------')
13 console.log(ts11);
14 console.log('------------ ts11 ----------------')
15 console.log(ts21);
16 console.log('------------ ts21 ----------------')
17 console.log(ts31);
18 console.log('------------ ts31 ----------------')
结果如下：是我们想要的结果
标签：console,log,标签,value,li,------------,ts2,ts3,ts1 来源： https://www.cnblogs.com/xxsongtx/p/16362010.html