如何在 .find 选择器和 $(this) 的帮助下找到特定的 div 元素

Question

我需要找到一个类 .bar-steps 然后在它下面附加 div。以下是我使用的代码：

.js

$(".priority-timeline").each(function (ind, elem) {
    var prioData = ko.dataFor($(elem)[0]);
    if (IsValidPriority(prioData, false)) {
        DrawSPPriorityTimeLine($(this), prioData);            
    }
});


function DrawSPPriorityTimeLine(currentElem, priorityObj) {

var activityTotalMonth = [0,1,2,4,5,6,7,8];    

$.each(activityTotalMonth, function (i, v) {
    var div = $('<div>');//.addClass('counts');
    currentElem.find('.bar-steps').append(div);
});
}

局部视图

<div class="priority-timeline" data-bind="foreach:MemberSupportPrioritySlot">
<div class="timeline-list">
    <div class="timeline-list-items">
        <h6 data-bind="text:hasValue(Title())?Title():'&nbsp;'"></h6>
        <div class="timeline-bar">
            <div data-bind="foreach:UpcomingActivities()">
                <div class="priority-icon completed" style="left: auto;">
                    @*<img src="service-plan/image/img_2.png" alt="">*@
                    <div class="detail-popup">
                        <strong data-bind="text:Title()"></strong>
                        <p data-bind="text:Description()">
                        </p>
                    </div>
                </div>
            </div>
            <div class="bar-steps" style="width: 378px; left: 0px"></div>
        </div>
    </div>
</div>

我需要找到 bar-steps 类，老实说，我的元素无法识别它。我错过了什么。

任何帮助都将不胜感激。

Answer 1

试试：

  $(".priority-timeline").each(function (ind, elem) {
    var prioData = ko.dataFor($(elem)[0]);
    if (IsValidPriority(prioData, false)) {
        DrawSPPriorityTimeLine($(this), prioData);            
    }
});


function DrawSPPriorityTimeLine(currentElem, priorityObj) {

var activityTotalMonth = [0,1,2,4,5,6,7,8];    

$.each(activityTotalMonth, function (i, v) {
    var div = $('<div>');//.addClass('counts');
    $(currentElem).find('.bar-steps').append(div);
});
}

jsfiddle：https://jsfiddle.net/tp8jddcn/2/