Can you use a hidden inputs value as part of a jQuery selector?

Question

I have a set of hidden inputs on my html page.

I'm looking to run a piece of jQuery to check if any of them have a particular value constant ("New"), and if they do, then do the following:

$('#dataContainer').scrollTo("id of the input with the special value");

Is it possible to loop through the inputs based on value using jQuery selectors? In this case, once it finds the first input with the value "New", it can call that scrollTo() method and then quit, it doesn't need to look at the rest of them.

How would you do this with jQuery?

Answer 1

You can use the attribute-equals selector, like this:

$('#dataContainer').scrollTo("input[value='New']:hidden");

Internally it's really doing a $("input[value='New']:hidden", this).offset() on #dataContainer, and .offset() returns the offset of the first of the matched elements, so it'll go to the first one it finds like you want.

Answer 2

Something like $('#dataContainer').scrollTo("[attr=NEW]");