jquery - 名称包含两个单词的输入的 Css 选择器？

Question

可以使用这个选择器

$( "input[name~='man']" )

识别页面中名称包含单词“man”的任何输入，但如果我需要选择，而不是单个单词模式，即“man”，一个包含两个单词的模式，如“(anything)checkbox(anything)man” (任何)'这样

<input name="checkbox-foo-man">
<input name="checkbox-bar-man">
<input name="foo-checkbox-foo-man-foo">

被选中？可能，暗示正确的顺序是“checkbox”在“man”之前

Answer 1

您可以通过组合选择器在没有正则表达式的情况下做到这一点。我认为没有办法以这种方式确保订单。

[name*="foo"][name*="bar"] {
  color: red;
}

<div name="foo-bar"> foo-bar </div> <!-- selected -->
<div name="bar-foo"> bar-foo </div> <!-- selected -->
<div name="foo-bar-baz"> foo-bar-baz </div> <!-- selected -->
<div name="foo-baz"> foo-baz </div>
<div name="bar-baz"> bar-baz </div>