JavaScript/JQuery string replace

Question

I have the following string which is a CSS selector:

#downloads > ul > li:nth-of-type(1) > ul > li:nth-of-type(3) > a

This CSS selector works fine in FireFox, CHrome and Safari but IE 6 does not support the nth-of-type selector. The CSS selectors I am working with are generated by Nokogiri and I can not change them.

Threw testing I have got the following working:

#downloads > ul > li:nth(0) > ul > li:nth(2) > a

Changing the nth selector to a plain nth and subtracting one from the nth value. I have been trying to programmitcally with JS to convert a CSS selector from using nth-of-type to normal nth? So after running it threw:

#downloads > ul > li:nth-of-type(1) > ul > li:nth-of-type(3) > a

Would become

#downloads > ul > li:nth(0) > ul > li:nth(2) > a

Cheers

Eef

See Emil Stenström's answer: stackoverflow.com/questions/2093355/… — Gert Grenander
– Gert Grenander, Commented Jul 7, 2010 at 15:32

gblazex · Accepted Answer · 2010-07-07 15:40:56Z

1

Javascript

var str = "#downloads > ul > li:nth-of-type(1) > ul > li:nth-of-type(3) > a";
str = str.replace(/:nth-of-type\(([0-9]+)\)/g, function(match, first) {
   return ":nth(" + (parseInt(first)-1) + ")";
});

alert(str); // -> #downloads > ul > li:nth(0) > ul > li:nth(2) > a

[See it in action]

answered Jul 7, 2010 at 15:40

gblazex

50.3k12 gold badges100 silver badges92 bronze badges

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

Collectives™ on Stack Overflow

JavaScript/JQuery string replace

1 Answer 1

[See it in action]

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

[See it in action]

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related