的jQuery包含每个类...做

Question

我有数目不详的唯一列的div：

<div class="columns-1"><div class="left"></div><div class="right"></div></div> 
<div class="columns-2"><div class="left"></div><div class="right"></div></div> 
<div class="columns-3"><div class="left"></div><div class="right"></div></div> 

我想每个columns-类的东西做的。

应用：

function equalHeight(group) { 
    tallest = 0; 
    group.each(function() { 
    thisHeight = $(this).height(); 
    if(thisHeight > tallest) { 
    tallest = thisHeight; 
    } 
    }); 
    group.height(tallest); 
    } 

它允许给予含columns- DIV同一高度内的左侧和右侧的div的所有列。

$(document).ready(function() { 
    equalHeight($(".columns-X div")); 
    }); 

因此后者部分需要重复列-1，列2和列-3

我在这里找到了一些例子来说明如何检查类名称的一部分，但这些例子都会解决列div类一次，而不是一次，导致整个网页中所有左侧和右侧div的高度相等。 Find dynamic classname of element with jQuery

Answer 1

试试这个：

$("div[class^=columns-]").each(
    function(){ 
     equalHeight($(this).find("div")); 
    } 
)