Find matching parenthesis on page using javascript/jQuery

Question

Is it possible to find the matching parenthesis on the same page and highlight both.
eg...

function foo(){
//test
};

So when I click on the '{' I want to be able to find the corresponding parenthesis '}' and highlight both on the webpage.

how can I achieve this using javascript/jQuery?

Whatever syntax/language you're showing on the page, you'll need a parser for it if the data could be more than your simple example. Furthermore, what needs to be done will depend on the markup in the page itself. — , Oct 23 '16 at 17:15

score 0 · Answer 1 · edited May 23 '17 at 11:48

0

To find those chars, use:

var a = str.indexOf("{");

Then use:

var b = str.indexOf("}", a);

edited May 23 '17 at 11:48

Community

answered Oct 23 '16 at 17:31

iazaran

for a little more comlex example like { { } } – Gautam Jain Oct 23 '16 at 17:55
We need to implement a stack and parse the text, how can that be done in javascript – Gautam Jain Oct 23 '16 at 17:56
found this http://stackoverflow.com/questions/1590247/how-do-you-implement-a-stack-and-a-queue-in-javascript – Gautam Jain Oct 23 '16 at 17:58
You found your answer. Just use array to save indexes then use them for highlighting. But parse the text, needs a parser as @squint said about that. – iazaran Oct 23 '16 at 18:32

1 Answers1