找到最长的元素（jQuery）

发布于 2024-08-23 19:01:27 字数 601 浏览 9 评论 0原文

我使用此脚本来均衡元素的高度：

(function ($) {
    $.fn.autoheight = function () {
        var height = 0,
            reset = $.browser.msie ? "1%" : "auto";
        return this.css("height", reset).each(function () {
            height = Math.max(height, this.offsetHeight);
        }).css("height", height).each(function () {
            var h = this.offsetHeight;
            if (h > height) {
                $(this).css("height", height - (h - height));
            };
        });
    };
})(jQuery);

我想为其添加一项额外功能 - 将“最长”类添加到均衡高度时找到的最长元素，我在上面的脚本中需要更改什么？

非常感谢。

原文

I use this script to equalize heights of elements:

(function ($) {
    $.fn.autoheight = function () {
        var height = 0,
            reset = $.browser.msie ? "1%" : "auto";
        return this.css("height", reset).each(function () {
            height = Math.max(height, this.offsetHeight);
        }).css("height", height).each(function () {
            var h = this.offsetHeight;
            if (h > height) {
                $(this).css("height", height - (h - height));
            };
        });
    };
})(jQuery);

I'd like to add just one extra functionality to it - addclass 'longest' to the longest element found when equalizing heights, what do I change in the above script?

Many thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

撩动你心 2024-08-30 19:01:27

你说的史蒂夫克拉里奇的上述解决方案不起作用 - 对我来说效果很好； http://jsfiddle.net/ZqFp5/ （仅在 Chrome 中测试）

尽管使用

 $("*")

选择器效率有些低下在大型 DOM 中，如果可能，请考虑向 div 添加一个类以使用更具体的选择器。

 $(".foo")

Steve Claridge's above solution you say doesn't work - works fine for me; http://jsfiddle.net/ZqFp5/ (tested in chrome only)

Though using the

 $("*")

selector is somewhat inefficient in a large DOM, consider adding a class to the div's to use a more specific selector if possible.

 $(".foo")

回复收藏 0 原文

阿楠 2024-08-30 19:01:27

考虑这个伪代码比任何东西都多，因为它还没有经过测试（甚至没有运行）。更改了 //新代码注释中的代码

(function ($) {
    $.fn.autoheight = function () {
        var height = 0,
            highest = 0, //new code
            reset = $.browser.msie ? "1%" : "auto";
        return this.css("height", reset).each(function () {
            height = Math.max(height, this.offsetHeight);
            //new code
            if (height > highest) {
              highest = height;
              $("*").removeClass("longest");
              $(this).addClass("longest"); 
            };
            //new code
        }).css("height", height).each(function () {
            var h = this.offsetHeight;
            if (h > height) {
                $(this).css("height", height - (h - height));
            };
        });
    };
})(jQuery);

Consider this more pseudo-code than anything as it hasn't been tested (or even run). Changed code inside //new code comment

(function ($) {
    $.fn.autoheight = function () {
        var height = 0,
            highest = 0, //new code
            reset = $.browser.msie ? "1%" : "auto";
        return this.css("height", reset).each(function () {
            height = Math.max(height, this.offsetHeight);
            //new code
            if (height > highest) {
              highest = height;
              $("*").removeClass("longest");
              $(this).addClass("longest"); 
            };
            //new code
        }).css("height", height).each(function () {
            var h = this.offsetHeight;
            if (h > height) {
                $(this).css("height", height - (h - height));
            };
        });
    };
})(jQuery);

回复收藏 0 原文