<body>
<div data-tag="gateway-wrapper">
<div data-reactroot="" class="next-overlay-wrapper opened">
<div class="next-overlay-inner sell-shop-category-overlay" style="position: absolute; left: 325px; top: 4220.45px;">
<div class="parent-node">
<div class="title">分类标题一</div>
<div class="leaf-node">
<label>
<span class="next-checkbox ">
<span class="next-checkbox-inner"><i class="next-icon next-icon-select next-icon-xs"></i></span>
<input type="checkbox" aria-checked="false" value="on">
</span><span class="next-checkbox-label">分类一</span>
</label>
</div>
<div class="leaf-node">
<label>
<span class="next-checkbox ">
<span class="next-checkbox-inner"><i class="next-icon next-icon-select next-icon-xs"></i></span>
<input type="checkbox" aria-checked="false" value="on">
</span>
<span class="next-checkbox-label">分类二</span>
</label>
</div>
</div>
<div class="parent-node">
<div class="title">分类标题二</div>
<div class="leaf-node">
<label>
<span class="next-checkbox ">
<span class="next-checkbox-inner"><i class="next-icon next-icon-select next-icon-xs"></i></span>
<input type="checkbox" aria-checked="false" value="on">
</span><span class="next-checkbox-label">分类三</span>
</label>
</div>
<div class="leaf-node">
<label>
<span class="next-checkbox ">
<span class="next-checkbox-inner"><i class="next-icon next-icon-select next-icon-xs"></i></span>
<input type="checkbox" aria-checked="false" value="on">
</span>
<span class="next-checkbox-label">分数四</span>
</label>
</div>
</div>
</div>
</div>
</div>
</body>
这是一个下拉菜单的模型
获取第4行,元素下的所有子元素:
<div class="next-overlay-inner sell-shop-category-overlay" style="position: absolute; left: 325px; top: 4220.45px;">
读取子元素返回的"aaname" : "分类标题一 分类一 分类二",
但我实际是想通过和分类一 分类二 分类三 分类四 及所有的分类时行比对,来查找这个分类的checkbox在位置,以便实现元素勾选;如勾选分类一 checkbox 位置在 1
"html":{"url":iHttp,"title":iTitle,"tagName":"INPUT","attrMap":{"tag":"INPUT","type":"checkbox","css-selector":"body>div>div>div>div>div>label>span>input"},"index":1}
目前暂时不考虑用字符串空格区别的方法(寻找更好的方法)
不知道在遍历子元素的时候,能不能只获取
<span class="next-checkbox-label">
里的内容
先提问到这里,我去试一下。