Extending jQuery, loop through all selected elements -
i'm trying make jquery function make elements same height.
i want call this
$('ul#items li').makesameheight();
that should make li's same height. need loop through li's , max height. how do that? eg.
(function ($) { $.fn.makesameheight() = function (opts) { // put here? }; } (jquery));
edit :
if curious, here final function, psl
(function ($) { $.fn.makesameheight = function (opts) { var maxh = 0; this.each(function () { maxh = math.max(maxh, $(this).height()); }); this.each(function () { $(this).height(maxh); }); return this; }; } (jquery));
is looking for:-
(function ($) { $.fn.makesameheight = function (opts) { //this inside jquery plugin function refers result of jquery selector //itself jquery object. in case list of li's this.each(function(){ //iterate through selected elements alert($(this).css('height')); //here $(this) particular element //to set height $(this).css('height','yourheightvalue'); }); // put here? return this; //return elements chaining. }; } (jquery)); $('ul#items li').makesameheight();
fiddle
example:-
(function ($) { $.fn.makesameheight = function (opts) { this.each(function(){ $(this).css('height', opts.height); }); return this; }; } (jquery)); $('ul#items li').makesameheight({'height':'30px'});
Comments
Post a Comment