Css Selector for inputs which name contains two words?

Question

It is possibile to use this selector

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

to identify any input in page which name contains the word 'man' but if i need to select, instead of a single word pattern i.e. 'man', a pattern containing two words like '(anything)checkbox(anything)man(anything)' so that

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

gets selected? Possibily, impliying the right order that is 'checkbox' before 'man'

yes, edited the question. It matter to be specific and be sure that it select only what expected — Sasha Grievus, Nov 15 '17 at 14:54
You can achieve it using regex: https://stackoverflow.com/questions/190253/jquery-selector-regular-expressions — Mehdi Benmoha, Nov 15 '17 at 14:56
If you don't want to use another library, you could select all the inputs with `checkbox` in the name then filter only the ones whos name attribute matches a regex. — bassxzero, Nov 15 '17 at 14:59
Good question. Unfortunately I don't think you can match word order with CSS. — sol, Nov 15 '17 at 15:20

score 3 · Accepted Answer · answered Nov 15 '17 at 15:17

3

You can do it without regexes by combining selectors. I don't think there's a way to ensure the order this way though.

[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>

answered Nov 15 '17 at 15:17

c2huc2hu

2,447
17
26

1

Maybe this helps you: `input[name*='man']:not([name^='man'])`. It selects all inputs that **contain** the word `man` but doesn't **start with** `man` – GreyRoofPigeon Nov 15 '17 at 15:23
Works like a charm! It was good to have the order, but I can deal with that. In my answer case, it was input[name*="checkbox"][name*="man"]. Thank you – Sasha Grievus Nov 15 '17 at 15:24

Css Selector for inputs which name contains two words?

1 Answers1