ansaurus

Question

How does modify jQuery find function to be used in the specified script?

Answer 1

A:

So, for this theoretical extension of the .find() function, how would it know where it was looking in the structure of the site to correctly find the specific element? Would this happen on a click event, or have any way of finding the element's parent? Could some sort of unique id be generated for each div with interested-style, giving you something unique to select by?

Frank DeRosa 2009-11-06 01:33:45

From my design pattern, I always unwrite any selector in click or event function.

Soul_Master 2009-11-06 02:56:10

Answer 2

+1 A:

I'm not sure I understand what you want to do that cannot be done in jQuery today.

If you only want to modify the div with class interested-style that is a child of the div with class loaded-control-X then you can just use:

$('.loaded-control-X .interested-style')

This is know as the "ancestor decedent" selector, it will match any elements with a class interested-style that are descendants of any element with class loaded-control-X

If you only want the children of the element with class loaded-control-X you can use the "parent > child" selector:

$('.loaded-control-X > .interested-style')

The jQuery API is very flexible in how you can specify elements. See the jQuery Selectors docs for more.

Given your example if I want to apply a function to the div with class interested-style that is a child of the div with class loaded-control-2 I would use:

$('.loaded-control-2 .intereted-style').someFunction()

beggs 2009-11-06 02:03:26

I know it can be selected by direct selector as you show.

Soul_Master 2009-11-06 02:48:31

Not sure what the question is asking then, can you give more info/examples?

beggs 2009-11-06 03:10:34

Please look at my recent question. http://stackoverflow.com/questions/1680030/how-to-solve-duplicate-objects-in-dynamic-loading-page-by-using-jquery

Soul_Master 2009-11-06 03:30:08

Answer 3

A:

I just see a optional parameter that is context can be use for limiting scope of selector.

jQuery( expression, [context] )

This function accepts a string containing a CSS selector which is then used to match a set of elements. The core functionality of jQuery centers around this function. Everything in jQuery is based upon this, or uses this in some way. The most basic use of this function is to pass in an expression (usually consisting of CSS), which then finds all matching elements. By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context.

For example, you can create some function like my recent question to automatic add parameter into every jQuery selector. Please look at the follwing code for clear understand.

// normal select
$('#some-object');

// You can limit scope of jQuery selector like this
$('#some-object', '#scope-object');

So, you don't need any modify to find function anymore.

Soul_Master 2009-11-06 08:45:37

ansaurus

tags:

views:

answers:

How does modify jQuery find function to be used in the specified script?

related questions