要求： 鼠标移动到任意li元素上时获取该元素的内容(即在控制台输出) 点击页面的时候将元素的内容依次加1000
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li> <li>555</li> </ul> <script src="jquery-1.10.1.min.js"></script> <script> // 鼠标移动到任意li元素上时获取该元素的内容(即在控制台输出) // 点击页面的时候将元素的内容依次加1000 // $("li").eq(i) // console.log($("li").length); // JQ对象.index() $("li").mouseover(function (){ console.log($(this).html()); }) $(document).click(function (){ for(var i=0;i<$("li").length;i++){ $("li").eq(i).html($("li").eq(i).html()-0+1000); //在jq中eq相当于第i项 // $("li").eq(i).html()获取的是字符串，所以要转换成数字 } }) // 下面的这种写法是错的，因为在jq中获取值的时候获取的是第一个元素的内容，其它元素得到的内容也是第一个，所以都变成了111，在111的基础上加1000 // $(document).click(function(){ // $("li").html($("li").html()-0+1000); // }) </script> </body> </html>