Рассчитать разное для умножения одного и того же класса на странице

Question

Я пытаюсь создать кнопку призыва к действию на своем сайте, используя jQuery.

Я сделал это, но единственная последняя проблема, с которой я столкнулся, заключается в том, что мне нужно вычислить ширину для .callright. Проблема в том, что cWith наследуется другими "кнопками", а не вычисляет новую для каждой отдельной кнопки на странице. .

Я не уверен, что я ясно дал понять. Моя функция ниже. Любая помощь оценена

 $(document).ready(function(){
    var MainClass = '.calltoaction'

    var c = $(MainClass)

    var cWidth = c.outerWidth()

    $('.callright').each(function(){

    $(this).css('width' , cWidth);

       });

    });

Спасибо

Answer 1

Если у вас есть несколько элементов «.calltoaction», каждый из которых содержит (возможно) несколько элементов «.callright», то это может быть тем, что вам нужно. В противном случае, пожалуйста, оставьте пример разметки.

 $(function(){
    $('.calltoaction').each(function() {
      var callToAction = this;
      $('.callright', this).each(function() {
        $(this).css('width' , callToAction.outerWidth());
      });
    });
  });

Answer 2

Когда вы вызываете c.outerWidth(), он возвращает только внешнюю ширину первого соответствующего элемента. Если вы хотите перебрать каждый из них, вам нужно использовать цикл $ .each.