javascript - CSS 选择器 .find (">div.childCollapsible>div[data-onthemovecollapsible=true]") 不遵守父级限制

Question

实际情况要复杂得多，但请一起玩。我正在尝试通过使用

选择具有类“sss”的元素的 sibling

$('.sss').parent().parent().find(">div.childCollapsible>div[data-onthemovecollapsible=true]")

我只能使用 CSS 选择器(这是 Selenium thest 的一部分)。我希望只得到“sss”的 sibling ，但我也得到了子元素的所有子元素。

我怎么能把它限制在 sibling 身上呢？或任何其他可以让我从任何

树 sibling 中的任何元素中获取的解决方法

data-onthemovecollapsible="true" 

属性持有者。

编辑:首先，我想为未能清楚地表达自己而道歉。我正在使用的结构是“无限树结构”，每一层都有未知数量的节点，我正在寻找的机制是能够让 sibling 处于我开始搜索的同一水平，并且是他 parent 的唯一 child (他的兄弟们+他自己)。树的所有级别都有相同的 HTML 语法，因此从第一个元素开始相对地看它们，每一层都是相同的，因此 CSS 选择器也应该相同。除了“查找”之外，我不能使用任何其他 Jquery 方法，并且只能使用 CSS 选择器，因为机制是 selenium 测试的一部分，所以只能使用 By.CssSelector("...")。我可以通过使用 element.FindElements(By.XPath("..")) 向上遍历元素，因为我知道父级有多少级，所以我知道父级，但是从父级位置我需要得到所有没有 child 的 sibling (即具有相同的 html 语法)，所以我假设只有特定层的选择器应该这样做(如下面的 jsfiddle 中的选择器)，但是它也选择所有子节点 - 出于某种原因不尊重'>'。如果我可以使用所有 JQuery 函数，这会做得很好。

$('.sss').parent().parent().children().children()

我需要的是相同的结果，但带有 CSS 选择器。

http://jsfiddle.net/2a46U/

Answer 1

我认为这对你有用:

.find("body>div>div>div>div.childCollapsible>div[data-onthemovecollapsible=true]")