CSSセレクターを使用して兄弟Web要素を取得

Question

buttonへの参照を取得するにはどうすればよいですか？それは常に私が探しているテキストの兄弟です。分度器試験で

：

let spanText = 'My text'; 
let spanRef = element(by.css('span[name=' + spanText + ']')); 

HTML：

<div> 
    <span name="My text">My text</span> 
    <button type="button"> 
    Click me! 
    </button> 
</div> 

Answer 1

あなたがadjacent sibling selector (+)使用することができます：あなたはそれ以来spanTextを囲む引用符を追加することもでき

by.css('span[name=' + spanText + '] + button') 

注意をスペースが含まれています。 valid identifiers

引用符で

とtemplate literal構文を使用してください：

のXpath：

by.css(`span[name="${spanText}"] + button`) 

Answer 2

をたぶん、あなたを助ける

• //スパン[名= 'マイテキスト' @]/following-sibling :: button
• // span [contains（text（）、 'My text'） ] /以下、兄弟::ボタン
• // divの[スパン[名@ = 'マイテキスト']] /ボタン

CSS：

• スパン[名= 'マイテキスト '] +ボタン