jquery - 在动态创建的 div 上应用 .css 属性

Question

我正在尝试为元素设置 css 左属性值。下面是代码:

if (priorityObj.UpcomingActivities() != "") {
    $.each(priorityObj.UpcomingActivities(), function (i, v) {
        monthPosition = v.ActivityDateToDisplay().split(',')[0].substring(0, 3).trim();
        if (monthPosition != "") {
            activitymonthpos = $('#servicePlanMonths').find('#sp_month_' + monthPosition).position().left;
            $(curelement).find('.priority-icon').offset({ left: activitymonthpos });
        }
        else {
            monthLeftPosition = $('#servicePlanMonths').find('#sp_month_' + startingMonth).position().left;
            $(curelement).find('.priority-icon').offset({ left: monthLeftPosition });
        }
    });
}

monthPosition 变量用于获取当前月份并基于此获取 css 左侧属性值，然后应用该属性值。这段代码运行良好。但我面临的问题是

$(curelement).find('.priority-icon').offset({ left: monthLeftPosition });

由于此类与 UpcomingActivities() 函数绑定(bind)，并且此函数可以有两个以上的值。因此，如果我有两个值，那么它会应用 css 并为这两个值设置 [0] 索引的相同左属性。我希望它应该只将左属性设置为一个值，并将左属性值设置为另一个值。

如何让它工作，以便将 css 的 left 属性应用于不同的元素。

我知道问题出在下面的语句上，但我找不到解决方法

$(curelement).find('.priority-icon').offset({ left: monthLeftPosition });

有人可以帮忙吗？

Answer 1

您可以使用 jQuery 设置 CSS 属性 left

$('#yourDiv').css( "left", 200 );

这里是活生生的例子，点击 blu div 改变左边的位置:

https://jsbin.com/boqadeweqi/edit?html,output

$( "#target" ).click(function() {
  $( this ).css( "left", 200 );
});

div {
    position:absolute;
    width: 60px;
    height: 60px;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target" style="background-color:blue;">Click me!</div>

有关更多信息，请参阅 jQuery API here