> ## Documentation Index
> Fetch the complete documentation index at: https://rpa.bazhuayu.com/helpcenter/llms.txt
> Use this file to discover all available pages before exploring further.

# 相似元素&关联元素的用法

## 1. 什么是相似元素？

相似元素是网页中一组具有相似结构的元素列表，如表格、商品列表或新闻列表等，通常被一个共同的父元素统一包含，使它们在结构上具有相似性。

在大多数情况下，我们需要对相似元素中的每个元素依次单独处理，且每个元素的处理逻辑通常相同。当列表中的元素块结构较为复杂时，可以结合 **关联元素指令** 进一步解析其中的嵌套层级。

**商品列表：**

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-01.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=16d0fecac2c9dd0653ef54c6bc465d38" alt="相似元素&关联元素的用法 示意图 1" width="1708" height="769" data-path="helpcenter/guides/elements/images/similar-related-element-01.png" />

**新闻列表：**

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-02.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=d805beeb4c805c1060906aa1413de11f" alt="相似元素&关联元素的用法 示意图 2" width="1920" height="957" data-path="helpcenter/guides/elements/images/similar-related-element-02.png" />

**表格：**

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-03.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=bc8b9de933fbe2807842c3f92fd4ba90" alt="相似元素&关联元素的用法 示意图 3" width="1920" height="956" data-path="helpcenter/guides/elements/images/similar-related-element-03.png" />

### 1.1 循环相似元素指令配置说明

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-04.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=c3ff66ed011605d3dc72d3185300cbb1" alt="相似元素&关联元素的用法 示意图 4" width="654" height="462" data-path="helpcenter/guides/elements/images/similar-related-element-04.png" />

## 2. 什么是关联元素？

关联元素会有一个参照元素，他跟这个参照元素有一的关系（例如：它是参照元素的父元素、相邻元素，子孙元素）。

因此关联元素是基于参照元素，通过父子、兄弟、祖孙等结构关系，按规则定位目标元素的方法。

### 2.1 关联元素指令配置说明

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-05.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=bb29a58d71c57cfa995ea54ad08de446" alt="相似元素&关联元素的用法 示意图 5" width="652" height="531" data-path="helpcenter/guides/elements/images/similar-related-element-05.png" />

### 2.2 如何创建相似元素？

可在【**循环相似元素列表**】指令中捕获相似元素

首先打开对应的网页，添加【循环相似元素(web)】指令，点击“捕获新元素”

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-06.gif?s=02f400ffc3762427ed0ef0d7004b63d2" alt="相似元素&关联元素的用法 示意图 6" width="1916" height="1036" data-path="helpcenter/guides/elements/images/similar-related-element-06.gif" />

再按住Shift键，依次点击相似元素列表中的第1和第2个元素

### 2.3 如何使用关联元素？

以[国家法律法规数据库](https://flk.npc.gov.cn/search)为例，每一行法律法规都是相似元素

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-07.gif?s=e9bbb8a49e8acfc0340066514c3db73c" alt="相似元素&关联元素的用法 示意图 7" width="1916" height="950" data-path="helpcenter/guides/elements/images/similar-related-element-07.gif" />

接着上面的相似元素，配合 **关联元素** 实现对列表数据的采集。【**循环相似元素**】会输出一个当前行的变量，代表正在处理哪一行。我们需要采集每一行里的标题，标题就是当前法律法规的子元素，这个时候就要用到【**获取相关元素**】。

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-08.gif?s=d8474ebf2ae074488acbf648473d1569" alt="相似元素&关联元素的用法 示意图 8" width="1576" height="796" data-path="helpcenter/guides/elements/images/similar-related-element-08.gif" />

这里是通过Xpath来定位法律法规的标题，这个Xpath是标题元素相对于整行法律法规的Xpath路径，可以借助浏览器的DevTools（浏览器页面右键->点击‘检查’）确定这个Xpath，具体方法如下：

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-09.png?fit=max&auto=format&n=BVjex46aNNZSgW5f&q=85&s=6d54e75a0eaeb5fa2672831c61db9968" alt="相似元素&关联元素的用法 示意图 9" width="1920" height="953" data-path="helpcenter/guides/elements/images/similar-related-element-09.png" />

### 2.4 运行效果

我们把相关数据写到数据表格中，看一下效果

<img src="https://mintcdn.com/bazhuayu-rpa-docs/BVjex46aNNZSgW5f/helpcenter/guides/elements/images/similar-related-element-10.gif?s=1464f93b9e5d6e6fd9713d131fd8ceb0" alt="相似元素&关联元素的用法 示意图 10" width="1916" height="950" data-path="helpcenter/guides/elements/images/similar-related-element-10.gif" />

<Info>
  使用过程中遇到问题？前往 [八爪鱼RPA 开发者社区问答板块](https://rpa.bazhuayu.com/community/questions) 提问，获取官方与社区帮助。
</Info>
