的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")); 
    } 
)