selenium テキスト情報を利用したタグ等の指定方法について

Question

過去に回答いただいた内容と併せて、初心者の私でも理解しやすかったので下記を参照してトライしてみました。
https://ameblo.jp/ekispresso/entry-12129782562.html

例）
<li class="menuList__list">
    	<a href="javascript:mpcontentLink2();" class="disabledBtn disabledBtn02 mod-btn--skin_02 mod-btn--size_img">
    		<img width="211" height="151" alt="全てから検索" src="/2019/search/img/btn__test.png">
    	</a>
   	</li>v

# 下記でクリック可能
driver.find_elements_by_class_name('menuList__list')[1].click()


# テキスト情報を利用してクリックしてみたい
# 試行した例。全てNoSuchElementExceptionのエラーになる。

driver.find_element_by_xpath("//a[@alt='全てから検索']").click()

driver.find_element_by_xpath("//*[contains(text()= '全てから検索')]").click()

driver.find_element_by_xpath("//*[contains(text(), '全てから検索')]").click()

上記の試行のどこが誤っているのかと、
//と[]の間に記載できるものはどういった種類のものになるのか、
についてご教示いただけましたら幸甚でございます。
ご面倒であれば参考資料のみのご教示でも構いません。

稚拙な質問となり恐縮ではございますが、何卒よろしくお願い申し上げます。

Answer 1

クリックで触れたい要素は実際にはaタグになると思います。
画像(imgタグ)をクリックしてもなんの意味もありません。

幸いaタグにはJSが直に打ち込まれているので実行してあげるといいでしょう。
実際にクリックしたら走るJSを直接走らせるイメージです。

driver.execute_script('javascript:mpcontentLink2();')

無理に指定するなら、

driver.find_element_by_xpath("//img[@alt='全てから検索']/..").click()

などがいいと思います。

---

その他に、

driver.find_element_by_class_name('disabledBtn').click()
driver.find_element_by_class_name('disabledBtn02').click()
driver.find_element_by_class_name('mod-btn--skin_02').click()
driver.find_element_by_class_name('mod-btn--size_img').click()

なども行けそうですが、
同じクラス属性の要素が他にあると思い通りの要素が選択できません。

その場合、

driver.find_elements_by_class_name('disabledBtn')[i].click()
driver.find_elements_by_class_name('disabledBtn02')[i].click()
driver.find_elements_by_class_name('mod-btn--skin_02')[i].click()
driver.find_elements_by_class_name('mod-btn--size_img')[i].click()

として、class属性が●●となっている要素のうちi番目と
指定してやることもできますが、
任意のタイミングで実行しても常にiが同じ値である保証がないと、
あるいはiが幾つであるか毎回取得できないと、
思い通りには動かせないでしょう。

概してこのようなモジュールに頼って作られたDOMは
複数個同じclass属性を使っている上に、
アクセスの度に状態によってその数は変動するので、
execute_scriptかxpathが無難だと思います。

Comments

[john_doe_]

とても丁寧にご教示いただきまして誠にありがとうございます。
複数の指定方法を紹介いただき大変勉強になります。

altはimgタグ内に存在するので、//a[@alt=〜]ではなく、
//img[@alt=〜]とすることは理解できたのですが、

driver.find_element_by_xpath("//img[@alt='全てから検索']/..").click()

@alt='全てから検索'の後の、「 /.. 」は何を意味するのでしょうか？
この辺の使い方を勉強したいと考えています。

[shirai]

ズバリ親要素です。この場合imgタグの親要素であるaタグをさします。