Advanced CSS/Jquery selector

Question

I have the following elements:

<div customAttribute="1" > element 1 </div>
<div customAttribute="1-1" > element 1-1 </div>
<div customAttribute="1-1-1" > element 1-1-1 </div>
<div customAttribute="1-1-2" > element 1-1-2 </div>
<div customAttribute="1-2" > element 1-2 </div>

How can I get the all elements with the customAttribute

1-1,
1-2,
...
1-n

but not

1-1-1,
1-1-2,
...
1-1-n

with a CSS selector?

@Antony That question is not the same as mine. In my case, I want to get all elements that matches with "1-<Just one character>" but I don't want get elements that matches with 1-* — Cristhian Boujon
– Cristhian Boujon, Commented Jan 9, 2015 at 2:34

alexanderg · Accepted Answer · 2015-01-09 02:58:23Z

4

As far as I understand you could use div[customAttribute^='1-']:not([customAttribute^='1-1-']). This will work with both jquery and css as you could see: http://jsfiddle.net/597y2e6r/1/

If that is not the case you need more complex pattern matching css might not be the best tool ... you could use filter instead.

answered Jan 9, 2015 at 2:58

alexanderg

1771 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BoltClock Over a year ago

If there are 1-2-n elements and 1-n-n elements, then there's no other way than to repeat as many :not()s as necessary. The filter route would be best, if not modifying the HTML somehow.

Collectives™ on Stack Overflow

Advanced CSS/Jquery selector

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related