请编程实现,利用each()方法来获取如下结构中第二个li元素中的内容。 <ul> <li>刘三</li> <li>赵四</li> <li>王小五</li> </ul>
时间: 2023-07-09 07:53:46 浏览: 147
js 获取元素下面所有li的两种方法
5星 · 资源好评率100%
可以使用jQuery的each()方法来遍历ul元素中的所有li元素,然后通过eq()方法获取第二个li元素,最后使用text()方法获取该元素的文本内容,代码如下:
```javascript
$("ul li").each(function(index,element){
if(index == 1){
var content = $(element).text();
console.log(content);
return false;
}
});
```
解释一下这段代码,首先使用$("ul li")选择器选中所有的li元素,然后使用each()方法遍历每一个li元素,其中index表示当前元素的下标,element表示当前元素的DOM对象。当index为1时,即找到了第二个li元素,使用$(element)将DOM对象转换为jQuery对象,然后使用text()方法获取该元素的文本内容。最后使用console.log()输出内容,并使用return false结束each()方法的循环遍历。
阅读全文