Question

Is there an easy way of running a JQuery script just on one specific form and it’s children without effecting other forms on the website.

At the moment I use the child selector together with any other selector, but is there a command that the following selectors just match within the children of my form?

Thanks

Answer 1

You can use find:

$('#myform').find('.otherclass').css({color: 'red'})

The selector .otherclass is searched only inside #myform.

And with a small refactoring:

var $f = function(selector) { return $('#myform').find(selector); }

You can use:

$f('.otherclass').css({color: 'red'})

To get an scoped version of your jQuery function.