js遍历ul的class名字为a的li
时间: 2024-02-20 12:01:34 浏览: 28
可以使用以下代码来遍历 ul 中 class 名为 a 的 li 元素:
```javascript
const ul = document.querySelector('ul'); // 获取 ul 元素
const lis = ul.querySelectorAll('li.a'); // 获取 class 名为 a 的 li 元素
lis.forEach((li) => {
// 遍历 li 元素
// 在这里编写对 li 元素的操作
});
```
其中,querySelectorAll() 方法可以获取所有指定选择器的元素,querySelector() 方法可以获取第一个指定选择器的元素。在这里,我们首先获取 ul 元素,然后使用 querySelectorAll() 方法获取 class 名为 a 的 li 元素,最后使用 forEach() 方法遍历 li 元素并进行操作。
相关问题
js遍历class名字为a的ul的下面所有的li
可以使用以下代码来遍历 class 名为 a 的 ul 元素下的所有 li 元素:
```javascript
const uls = document.querySelectorAll('ul.a'); // 获取所有 class 名为 a 的 ul 元素
uls.forEach((ul) => {
// 遍历 ul 元素
const lis = ul.querySelectorAll('li'); // 获取当前 ul 元素下的所有 li 元素
lis.forEach((li) => {
// 遍历 li 元素
// 在这里编写对 li 元素的操作
});
});
```
其中,querySelectorAll() 方法可以获取所有指定选择器的元素。在这里,我们首先获取所有 class 名为 a 的 ul 元素,然后使用 forEach() 方法遍历 ul 元素,再使用 querySelectorAll() 方法获取当前 ul 元素下的所有 li 元素,最后使用 forEach() 方法遍历 li 元素并进行操作。
ul = p0.find_all('ul', class_="liba") li=ul.find('li') a=li.find('a') link = a['href'] 如何循环把link 放入lis[]
您可以使用以下代码来循环把link存入lis[]:
```
lis = []
for ul_tag in p0.find_all('ul', class_="liba"):
for li_tag in ul_tag.find_all('li'):
a_tag = li_tag.find('a')
link = a_tag['href']
lis.append(link)
```
这里的`p0`是一个BeautifulSoup对象,`find_all`方法返回所有符合条件的`<ul>`标签,然后循环遍历每一个`<ul>`标签,再在每一个`<ul>`标签中循环遍历每一个`<li>`标签,再在每一个`<li>`标签中找到`<a>`标签,最后将其`href`属性的值存入`lis`列表中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)