的jQuery〜=工作原理=

Question

我有一個HTML代碼：

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

現在我想讀，如果action包含_cidforsonum_。

我曾嘗試以下的jQuery代碼：

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

，但它的工作原理，在我的情況下，作爲=，因爲它的工作對我來說，當它是action="_cidforsonum_"

Answer 1

你需要^ attribute starts with selector

選擇具有指定屬性與指定字符串完全開頭的值 元素。

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

---

~ attribute contains word selector

選擇具有指定屬性與包含給定字，通過空格分隔的值 元件。

您的代碼無法正常工作，

_cidforsonum_unpaid具有後_cidforsonum_

~匹配詞用空格分隔的空間。

---

在OP的評論後更新。

使用* attribute contains selector

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

Answer 2

嘗試^，而不是~

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

^選擇器選擇dom whoes屬性開頭。

評論響應

你可以做到這一點使用*選擇。

例

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

Official Doc