javascript - 使用通配符选择自定义值

Question

在这个 fiddle 中，我尝试选择属性值。因此 elems var 应包含值 listen,submitClicked 和 listen,textEntered

http://jsfiddle.net/adrianfiddleuser/g2Rxc/128/

来源:

<input tag="listen,submitClicked" id="click" type="submit" value="click"/>
<input tag="listen,textEntered" id="test" type="textbox" value="test"/>

var elems = $('p[^listen]')

console.log(elems)

但是通配符似乎不起作用。如何选择以“listen”开头的自定义值并将这些值添加到数组中？

Answer 1

您没有正确使用 ^= 属性选择器。您需要指定 tag 属性:

p[tag^=listen]

[att^=val]

Represents an element with the att attribute whose value begins with the prefix "val". If "val" is the empty string then the selector does not represent anything.

– W3C's Selectors Level 3

此外，tag 不是有效的 HTML 属性，您可能需要考虑使用 a data-* attribute相反。