行の各列の位置を負のマージンとして適用する

Question

各行の各列の左の位置を取得してから、負のマージンとして列のdivに適用する必要があります。ハードコードされたJavaScriptで作業していますが、もっと洗練されたソリューションがあることはわかっています。

HTML：

<div class="row"> 
    <div class="column column_1"><!-- Content --></div> 
    <div class="column column_2"><!-- Content --></div> 
    <div class="column column_3"><!-- Content --></div> 
    <div class="column column_4"><!-- Content --></div> 
</div> 

私の醜いJS：

var adjustMargin1 = jQuery(".column_1").position().left; 
var adjustMargin2 = jQuery(".column_2").position().left; 

ETC... 

jQuery(".column_1 .adjusted-div").css("margin-left", -adjustMargin1); 
jQuery(".column_2 .adjusted-div").css("margin-left", -adjustMargin2); 

Answer 1

あなたはこのようにそれを行うことができます：adjusted-を見つけ、各.column要素の上にループ

$('.column').each(function(s, el) { 
    $(el).find('.adjusted-div').eq(0).css('margin-left',-($(el).position().left)); 
}); 

その中でdiv要素を作成し、親から左に残った位置を余白として子に適用します。