投稿日：2020年08月07日 テクノロジー トピックス ビジネス

こんばんは。東郷です。

今回は特定の文字列から要素を取得、追加できるjQueryのメソッド

「:contains」について調べてみました。

【書き方】

$(“要素名:contains(文字列)”).parent(“親要素名”)

引数に特定する文字列を、コロンの前に文字列を含んでいる要素名を、

.parent()内に文字列を含んでいる要素の親要素名を入れることで、取得したい要素を絞ります。

最後尾に「.実行したいイベント()」のメソッドを追加すれば

取得した要素だけにイベントを実行できます。

・html要素が複数のjsファイルで動的に生成されている

・親要素、子要素、孫要素が統一されていて文字列しか差異がない

等が原因で複数のボタンの中から特定のボタンにイベントを追加できない時に便利です。