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+'列')
1、假设页面有如下解构，ul下面包裹3个li 22 33 33 现在要达到的目的：点击第几个li就输出“这...
一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...
一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...
Vue3.0 console.log()语法报错:Unexpected console statement 解决方...
// optional chain 语法 console.log(obj?.a?.b?.c?.name) js有7...
作用: 定义匿名函数 基本语法: 没有参数: () => console.log('xxxx') 一个参数: i ...
箭头函数 1. 作用: 定义匿名函数 2. 基本语法: 没有参数: () => console.log('xxxx...
箭头函数 1. 作用: 定义匿名函数 2. 基本语法: 没有参数: () => console.log('xxxx...
console.log()语法错误解决方式 方法一：在package.json文件中的eslintConfig->...
关于console.log 在控制台输出有样式 console.log('%c 你想输出的值', 'font-si...
本文标题：关于console.log语法
本文链接：https://www.haomeiwen.com/subject/puucuxtx.html
网友评论