关于console.log语法

2017-10-15  本文已影响14人  田田kyle

1、假设页面有如下解构,ul下面包裹3个li
<ul>
<li>22</li>
<li>33</li>
<li>33</li>
</ul>
现在要达到的目的:点击第几个li就输出“这是第几列”
用jQuery实现代码如下:
$('ul').on('click','li',function(){
console.log(这是第${$(this).index( )+1}列)
})
这是es6的语法,假使不用该语法,拼接字符串,则是
console.log('这是第'+$(this).index()+1+'列')
但是这样输出的结果就是:
这是第01列
这是第11列
这是第21列
它把‘+1’当做了字符串处理,而是是运算加法,这种情况下,我们只需要加括号即可:
console.log('这是第'+($(this).index( ))+1+'列')

上一篇 下一篇

猜你喜欢

热点阅读