首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从DOM中选择元素

从DOM中选择元素
EN

Stack Overflow用户
提问于 2019-02-28 00:48:08
回答 1查看 299关注 0票数 3

在我的页面内容中,我将多张卡片组织成一个网格

代码语言:javascript
复制
 __________________
|  ____    ____    |
| |    |  |    |   |
| |    |  |    |   |
| |____|  |____|   |
|                  |
|  ____    ____    |
| |    |  |    |   |
| |    |  |    |   |
| |____|  |____|   |
|__________________|

我的问题是每个卡片容器都有相同的类,我希望在容器中选择一个不同的元素。示例:

代码语言:javascript
复制
<div class="parent-container">
  <div class="container">
    <h2> Distinct title 1 </h2>
  </div>
  <div class="container">
    <div class="another-container">
      <button>
        <span> Click Here! </span>
      </button>
    </div>
  </div>
</div>

[repeat X times]

或者使用DOM树

代码语言:javascript
复制
. Parent div
|_ child div
|  |_ <h2> Distinct title 3 </h2>
|
|_ child div
   |_ grandchild div
      |_ button
         |_ <span> Click Here! </span>

所以,假设我想在第三个容器上选择一个元素。选择器查询是怎样的?

基于@lostlemon的回答,我的问题如下:

代码语言:javascript
复制
await t
  .click(Selector('span')
  .parent(3)
  .child('h2')
  .withExactText('Distinct title 3'));
EN

回答 1

Stack Overflow用户

发布于 2019-02-28 00:51:37

您可以只为每个span指定一个唯一的类。

代码语言:javascript
复制
<span class="card-1">CONTENT</span> 
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54910527

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档