jquery - jquery ~= 作为=

Question

我有一个html代码：

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

现在我正在尝试阅读 if actioncontains _cidforsonum_。

我尝试了以下 jquery 代码：

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

但它在我的情况下是=有效的，因为它对我有用action="_cidforsonum_"

Answer 1

尝试^代替~

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

^选择器选择 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_"]')