.each function, does not work properly

I try to add a dynamic css (max-height) for each element.
But i find one max-height for all the elements. any ideas?

Code:

$(document).ready(function(){
$('.cbreplay').each(function() {
var height = $('.cbrepl-left').height();
var maxheight = height - 28;
$('.cbnota-container').css({'max-height':maxheight});
});
});

Hello Ahmed.K,

You must use the this keyword to refer to the iterated element.

Ex :

I'm assuming .cbrepl-left is a child of .cbreplay, so use $(this).find()

Code:

var height = $(this).find('.cbrepl-left').height();

Try code new

Code:

$(document).ready(function(){
   $('.cbreplay').each(function(a, b) {
      var height = $('.cbrepl-left', b).height();
      var maxheight = height - 28;
      $('.cbnota-container', b).css({'max-height':maxheight});
   });
});

Ah, thanks, It works fine now.

Topic archived

Have a good day.