jquery - jquery ~= は = として機能します

Question

私はhtmlコードを持っています:

<input type='text' value='' name='cid' id='cid_id' action="_cidforsonum_unpaid" placeholder="Client" list="client_list">

action今、 ifが含まれているかどうかを読み取ろうとしています_cidforsonum_。

次のjqueryコードを試しました：

if($('input[name=cid][action~="_cidforsonum_"]').length>0){
console.log('hello mordekaiser!');
}

しかし、私の場合は のよう=に機能します。action="_cidforsonum_"

Answer 1

^代わりに試してください~

$('input[name=cid][action^="_cidforsonum_"]')

^セレクタ select dom whoes 属性で始まります。

コメント応答

*セレクターを使用してこれを行うことができます。

例

$( "input[action*='_cidforsonum_']" )

公式ドキュメント

Answer 2

セレクターで始まる ^ 属性が必要です

指定された文字列で始まる値を持つ、指定された属性を持つ要素を選択します。

if($('input[name=cid][action^="_cidforsonum_"]').length>0){
  console.log('hello mordekaiser!');
}

---

~ 属性には単語セレクターが含まれています

スペースで区切られた、指定された単語を含む値を持つ指定された属性を持つ要素を選択します。

あなたのコードは機能しません

_cidforsonum_unpaid後にスペースがありません_cidforsonum_

~スペースで区切られた単語に一致します。

---

OPのコメントの後に更新されました。

使用* 属性にはセレクターが含まれています

$('input[action*="_cidforsonum_"]')