要求:
鼠标移动到任意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>