javascript - 如何使用javascript在div上设置等宽

Question

我有五行，如下所示:这是一个带有 lis 的 ul。我希望第一个 li “文本”在所有行上都相等。为此，我需要寻找最宽的 li，然后将新的 with 应用于所有 li。

(ul > li > span & ul)

正文>李1 |李 2 |李三
Textlong > 李 1 |李 2 |李三
短 > 李 1 |李 2 |李三
Longer13456 > 李 1 |李 2 |李三

我使用了以下函数来设置相同的高度。稍微修改了一下。但这没有任何意义!

function equalWidth() {
    var span = $('#tableLookAlike li.tr > span'),
        tallest = 0, 
        thisHeight = 0;

    setEqWidth = function(elem) {
        elem.each(function() {
            widest = 0;
            thisWidth = $(this).outerWidth();
            console.log(tallest, thisWidth)



// if I remove this it gives me the right width
                elem.each(function() {Width)
                    if (thisWidth > widest) {
                        widest = thisWidth;
                        elem.css({'width': widest});
                    }
                });
            });
        }

        setEqWidth(span);
    }

当我删除第二个 elem.each 时，日志显示 92、69、68、118，当我将其放回去时，它会显示 92、130、168、206。有谁知道这里发生了什么？

Aynway，我该如何解决这个问题？

Answer 1

如果我要这样做，它会是这样的:

var greatestWidth = 0;   // Stores the greatest width

$(selector).each(function() {    // Select the elements you're comparing

    var theWidth = $(this).width();   // Grab the current width

    if( theWidth > greatestWidth) {   // If theWidth > the greatestWidth so far,
        greatestWidth = theWidth;     //    set greatestWidth to theWidth
    }
});

$(selector).width(greatestWidth);     // Update the elements you were comparing