何かが足りないかもしれませんが、似ているようです。たとえば使用する場合...
a[alt~="thumb"]
また...
a[alt*="thumb"]
選択を別の方法で絞り込むにはどうすればよいですか?〜は引用符で部分的に一致し、*は部分的に一致することを理解しています。コードを少しいじるつもりですが、ここではこのテーマに関する質問が見つからなかったので、どちらにしても良いトピックになると思いました。
何かが足りないかもしれませんが、似ているようです。たとえば使用する場合...
a[alt~="thumb"]
また...
a[alt*="thumb"]
選択を別の方法で絞り込むにはどうすればよいですか?〜は引用符で部分的に一致し、*は部分的に一致することを理解しています。コードを少しいじるつもりですが、ここではこのテーマに関する質問が見つからなかったので、どちらにしても良いトピックになると思いました。
JQuery ヘルプ (標準セレクターをサポート) から:
a[alt~="thumb"]
説明: スペースで区切られた、指定された単語を含む値を持つ指定された属性を持つ要素を選択します。このセレクターは、属性値の各単語に対してテスト文字列を照合します。「単語」は、空白で区切られた文字列として定義されます。テスト文字列がいずれかの単語と正確に等しい場合、セレクターは一致します。
a[alt*="thumb"]
説明: 指定された部分文字列を含む値を持つ指定された属性を持つ要素を選択します。これは、値に対して一致する jQuery 属性セレクターの中で最も寛大です。セレクターの文字列が要素の属性値内のどこかにある場合、要素を選択します。このセレクターを、多くの場合、より適切な Attribute Contains Word セレクター ([attr~="word"] など) と比較してください。
基本的に、セレクター~=
は、値が空白で囲まれている場合にのみ一致します。セレクター*=
は、値がどこかにある場合に一致します。
<div alt='heading navigation'>
<div alt='head'>
div[alt~='head']
2 番目の div のみにdiv[alt*='head']
一致しますが、両方に一致します。
[att~=value]
単語を含むセレクターです。
したがって、[alt="foo"]
セレクターは一致<a alt="foo bar">
しますが、一致しません<a alt="foobar">
。
[alt*="foo"]
ただし、これは単語などを区別しないため、両方に一致します。値にある限りヒットします。