获得最高的div

Question

我在 stack overflor 上看到了很多东西来获得最高的 div，但没有一个对我有用。我需要获取 div preview_txt 的高度。

<div class="headline" data-rating="0.482005543693" onclick="javascript:showArticle(1076);" style="display: none; ">
    <div class="headline_txt">
        <h1>#3726: Meryl Streep schittert in The Iron Lady- alle recensies op een rijtje</h1>
    </div>
    <div class="preview_txt">
        <p>
            De eerste foto's van actrice Meryl Streep als de Britse voormalig premier Margaret Thatcher
            <a href="http://www.guardian.co.uk/film/2011/feb/08/meryl-streep-margaret-thatcher-iron-lady#">
                leidden
            </a>
            vorig jaar al tot een stortvloed aan publiciteit. Nu is
            <a href="http://www.imdb.com/title/tt1007029/">
                <em>The Iron Lady</em>
            </a>
             er dan ook echt. Vanaf vandaag draait de film in de Nederlandse bioscopen. Lees hier alle recensies. 
            <!--more-->
        </p>
    </div>                  
</div>

从我看到的东西来看，我认为我最喜欢这个：

var maxHeadLineHeight = Math.max.apply(Math, $("#headline").map(
    function(){
        return $(this).height();
    }
));

console.log("maxHeadLineHeight: "+maxHeadLineHeight);

但这给了我：

Uncaught TypeError: Function.prototype.apply: Arguments list has wrong type

我也试过这样：

"#headline .preview_txt"

虽然在哪里，为每个标题 div 设置高度将是下一个，但这可能不会那么不同（通过获取对象）。

Answer 1

代码有两个问题：

1。您的选择器错误。

$("#headline") 将找到 id 为 headline 的元素，而不是 headline 的 类。

试试这个：

$(".headline").map(...

2。你忘了在.map() 后面加上.get()

我不确定为什么这很重要，但是与您发布的代码类似的示例都说您需要调用：

$('<someSelectorHere>').map(function () { /* some mapping code here ... */ })
    .get(); // <-- The part you missed - won't work without it

看这个例子：

• https://stackoverflow.com/a/5052710/232593

编辑：

根据 cmets 和 jQuery 文档，调用 the .get() method 似乎很重要，因为 jQuery 返回的对象并不是真正的数组——它们只是伪装成数组。虽然有些浏览器对此没有问题（似乎是 Firefox），但其他浏览器无法处理它。所以你需要添加.get()来转换成一个真正的数组并支持那些浏览器。

您提供的代码的工作版本演示：

• http://jsfiddle.net/zvu2n/

该演示中的 Javascript：

var headlineHeights = $(".headline").map(function() {
    return $(this).height();
}).get();

var maxHeadLineHeight = Math.max.apply(Math, headlineHeights);

alert("maxHeadLineHeight: " + maxHeadLineHeight);

Answer 2

嗯，这似乎在萤火虫中工作。在此页面上，以下代码给出了答案（在我的浏览器中至少为 625）。

Math.max.apply(Math, $("#question").map(
 function(){
   return $(this).height();
 }
));

或者显然对于其他浏览器

Math.max.apply(Math, $("#question").map(
 function(){
   return $(this).height();
 }
).get());

但这有点奇怪，因为在您的代码中您检查了一个 ID（它将是 0 或 1 个元素），并且最大化这很明显。所以我认为还有其他问题。如果 #question 被 .headline .preview_text 取代，我希望得到一个好的答案