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

时间:2015-10-27 12:27:38

标签: jquery asp.net-mvc-4 knockout.js

我需要找到一个 .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>

我需要找到班级条形步骤,说实话,我的元素无法识别它。我错过了什么

感谢任何帮助。

1 个答案:

答案 0 :(得分: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/