Search jQuery

jQuery Forum

Developing jQuery Plugins

coder1983

Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

in Developing jQuery Plugins • 3 years ago

Hi guys,

I've wrote a plugin - and it works great for what I need - except I've noticed today that:

return this.each(function() {

Puts the elements in the order they appear in the DOM.

So on my html page, I have this...

<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>

But I want to change the divs in the order I provide the plugin. Like this...

$("#id3,#id1,#lid2).myPlugin()

The each function changes the order to how the elements appear on the page - 1,2,3 But this is no good.

Please can someone explain how I can make the plugin do its thing in the order I enter the elements

Thanks for the help!

Replies(9)

jakecigar

Re: Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

3 years ago

You can’t. $("#id3,#id1,#id2") is already DOM order 1,2,3.

You can make separate calls to your plugin, or not use a plugin, but a function with 3 parameters.

JΛ̊KE

watusiware

Re: Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

3 years ago

It's not possible.

It used to be possible, unreliably:

https://api.jquery.com/selector/

You could use .selector to get the original selector string, until jQuery 3.0, when it was removed.

I don't even think it is guaranteed that you will get the nodes in the order in which they are in the DOM! It is probably a browser-dependent detail. You will get all of the nodes that were selected, without any guaranteed order.

Your only out is to forget about using it as a plugin. Just write a function that you will pass an array of IDs.

jakecigar

Re: Re: Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

3 years ago

selector was not a function, but a string.

JΛ̊KE

watusiware

Re: Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

3 years ago

Updated my response to show .selector, not .selector()

Thanks, Jake!

coder1983

Re: Change Each order of my plugin? $("#id3,#id1,#lid2).myPlugin()

3 years ago

Damn, Thanks for the replies guys.

What my plugin does is resize divs to the same size - after a user has resized them by dragging/sizing them.

Is there any way to pass the selector as a parameter - then loop through them like that?

myPlugin('#id3,#id1,#id2');

This could then be broke apart in the plugin as strings...

var selectors = selectors.split(",");

then used like $('#' + selector[0])

Its not how I would like it to work - it's lost its plugin goodness and become just a function. But it might work better for my needs.

Could the above still be used as a plugin? Could the selectors as an array be looped through?

Thanks so much for the help!

jakecigar