for循环遍历
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function () {
//获取所有的ul下的li
var citys = $("#city li");
//遍历li
for (var i = 0; i < citys.length; i++) {
//获取内容
alert(i+":"+citys[i].innerHTML);
}
})
</script>
</head>
<body>
<ul id="city">
<li>广州</li>
<li>深圳</li>
<li>佛山</li>
<li>东莞</li>
</ul>
</body>
</html>
jq对象.each(callback)
<script type="text/javascript">
$(function () {
//获取所有的ul下的li
var citys = $("#city li");
//jq对象.each(callback)
citys.each(function () {
//获取li对象:this
alert(this.innerHTML);
});
});
</script>
给他加上索引和要素对象
citys.each(function (index, element) {
alert(index+":"+element.innerHTML);
});