可変部を含むid, classの箇所をXPATHで取得する記述方法が分からない

Question

よろしくお願いします。
添え字（？）が可変式のDIV/idを取得するXPATHを作成したいのです

期待したいのは、
・可変のID、class名にも対応したい
・可変するID、class名の添え字（？数字部）に、範囲にあるものだけヒットするようにしたい

例えばこんな感じのHTMLの箇所を抽出したい、

<div class="Button-label label-70" id="id__178">送信</div>

$x('//div[@class="Button-label label-70"]')

　　ブラウザのコンソール上に表示するため$x()
で、実際に実行したい環境では複数引っかかるものの、抽出はしてくれます。
しかしこれでは抽出したい１つの箇所を抽出できません。

$x('//div[@class="ms-Button-label label-70"]/div[@id="id__178"]/self::text()')

と試しにやってみましたがエラーこそならないものの値が取れている感じではありません。

[contains(@xx, 'yy')]なども試しましたが、たぶん構文でエラーになってしまいます。

いろいろ調べ足りない部分あるのだと思いますが、ご助言いただけると幸いです。

以上、よろしくお願いいたします。

Comments

[suama]

こんにちは。言語はJavaScriptでしょうか？
CSSのセレクタでパターンマッチで抽出というのはどうでしょうか？
https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors

[wkbiz]

ありがとうございます。
CSSになります。
複雑な記述になると大変で、慣れてないので大変ですσ(^_^;)

こちらではコメントに評価できないため、宜しければ通常の解答欄にコメントいただけると幸いです

[suama]

失礼しました。回答側にも書いてみますね。

Answer 1

こんにちは。
特定の要素を絞り込みたい、というのを期待していると思って書いてみますね。
認識がずれていたらご容赦ください。
（あと、XPATHを処理するのがCSSなのかJavaScriptなのかRubyなのか...というのもちょっと知りたくて質問させていただきました。）

CSSの擬似セレクタだと簡単なパターンマッチ（前方後方部分一致）ができるので、そちらはいかがでしょうか？

https://developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors

div[class*="Button-labellabel-"] とか。

XPATHでも、パターンマッチできるかもしれませんが環境がちょっとわからないので、過去のトピックも貼らせていただきます。

• https://teratail.com/questions/130209

Comments

[wkbiz]

コメント遅くなり申し訳ございません。

解決にはまだ至ってないのですが、とても参考になりました。有難うございました

[suama]

こちらこそ、即解決につながらず恐れ入ります。
要素のパースの方法ですが、先に「言語はなんですか？」と質問させていただいたのは、XPATHの解析に差があったりすることもちょっと考慮しての質問でした。
JavaScriptで操作するのか、Pythonでなのか、C#なのかな...？というあたりです。
詰まったら、やりたいことは本当にこれでいいのかな？別な方法が取れないかな？とか考えてみるといいかもしれません。