Как запустить код для каждого класса в jquery? (без использования .click или что-то)

Question

Это действительно простой вопрос, и я подумал, что каждый будет работать, но я не могу понять это.У меня есть два класса, и для каждого из этих классов я хочу запустить код (html зацикливается) ... однако, похоже, он работает только для первого его появления, и я понятия не имею, как заставить это работатьдля каждого его случая.

  var mheight = $('.messagetext, .smessagetext').height();
   if (mheight > 64) {
        var getthis = $('.messagetext, .smessagetext');
        getthis.siblings('.mopacity').show();
        getthis.parents(".messagecontent").siblings('.messagefooter').children('.mspmore, .mfpmore').show();
    }

, поэтому, когда у меня есть .click с .messagetext и smessagetext, он работает нормально (как и следовало ожидать), но если это не сделано по щелчку, и я просто хочу запуститьэто для каждого случая этого класса, это не работает ... Я знаю, что это jquery 101, но я не могу понять это.Любая помощь приветствуется, спасибо.

Answer 1

Метод .height () возвращает высоту первого элемента в объекте jquery.

Описание: Получить текущую вычисленную высоту для первого элемента в наборе подходящих элементов .

Изменить на это:

$('.messagetext, .smessagetext').each(function() {

    var $this = $(this),
        mheight = $this.height();

    if (mheight > 64) {
        $this.siblings('.mopacity').show();
        $this.parents(".messagecontent").siblings('.messagefooter').children('.mspmore, .mfpmore').show();
    }

});

Answer 2

Волшебное слово $(this):

$('.messagetext, .smessagetext').each(function(index) {
    var mheight = $(this).height();
    if (mheight > 64) {
        //....
    }
});

Когда вы вызываете .height(); для коллекции, она действительно занимает только первое место в коллекции.