jquery - HTML 将具有 .row 类的每个 div 的高度设置为最高的

Question

我正在尝试使带有类行的每个 div 都具有最高的高度，但是我发现执行此操作的每一种方法在我尝试时都不起作用。我目前用来执行此操作的代码如下:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
    $('document').ready(function(){
        var maxHeight = 0;
        $(".row").each(function(){
            maxHeight = Math.max(maxHeight, $(this).height());     
        });
        $(".row").height(maxHeight);
    });​
</script>

我的div的代码如下:

    <div class="col" style="border-style: solid solid none solid;">

        <div class="row">

            <b><p>Description</p></b>

        </div>



        <div class="row">

            <textarea style="width: 99%;" rows="1" name="desc"></textarea>

        </div>

    </div>

    <div class="col">

        <div class="row">

            <b><p>Price of Materials</p></b>

        </div>


        <div class="row">

            <textarea style="width: 99%;" rows="1" name="mcost"></textarea>

        </div>

    </div>

还有 CSS:

body
{
    margin: 0px;
    padding: 0px;
}
.col
{
    border-style: solid solid none none;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 14%;
}
.row
{
    border-style: none none solid none;
    border-width: 1px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.row p
{
    margin: 0px;
}
.row form
{
    margin: 0px;
}

在此先感谢您，期待您的回答。

编辑:控制台输出:

Uncaught SyntaxError: Unexpected token ILLEGAL inventory.php:24
Denying load of chrome-extension://ganlifbpkcplnldliibcbegplfmcfigp/scripts/vendor/jquery/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. 

Answer 1

尝试这样的事情:

JQuery

$(document).ready(function(){

    var highestBox = 0;
        $('.wrapper .eqheight').each(function(){  
                if($(this).height() > highestBox){  
                highestBox = $(this).height();  
        }
    });    
    $('.wrapper .eqheight').height(highestBox);

});

Codepen Demo

此外，这可能有用:http://www.cssnewbie.com/equalheights-jquery-plugin/#.UxywP_l_uSq