javascript - 无法让.siblings()在jQuery中工作

我的网站上有一个表格，允许人们创建一个包含Sections的文档，每个文档都包含Steps。基本上，问题是我可以很好地创建Sections，但是由于某些原因未创建步骤。

每个部分和每个步骤的HTML都是使用下划线模板创建的，您可以在以下两个脚本中看到这些模板：

<script id="tmpl-section" type="text/html">

    <div class="section">
        <div class="form-group row">
            // inputs
        </div>

        <div class="form-group row">
            // more inputs
        </div>

        <a href="#" onclick="addSection($(this), true)">
            Add section after
        </a>

        <a href="#" onclick="addSection($(this), false)">
            Add section before
        </a>

        <h5>Steps</h5>
        <div class="step-body"></div>

        <hr />
    </div>
</script>

<script id="tmpl-step" type="text/html">
    <div class="step">
        <div class="form-group row">
            // inputs
        </div>

        <div class="form-group row">
            // inputs
        </div>
    </div>
</script>

当某人单击“添加部分（之前或之后）”时，将调用以下功能：

function addSection(element, after) {
    var sectionStructure = _.template($('#tmpl-section').html()),
        $sectionBody = $('.section-body');

    if ($('.section').length) {
        if (after) {
            element.closest('.section').after(sectionStructure);
        } else {
            element.closest('.section').before(sectionStructure);
        }
    } else {
        $sectionBody.append(sectionStructure);
    }
    addStep($(this), true); // '$(this)' should refer to whichever "add section" link was clicked
}

（$sectionBody是指页面中包含所有部分的部分。）基本上，它会检查页面首次加载时是否还有其他部分，如果没有，它增加了一个。如果还有其他部分，则会在单击任何部分之前或之后添加另一个部分。无关紧要，但我想解释一下其中的if语句。

每次调用addSection（）时，它还会调用另一个名为addStep（）的函数，以一个步骤初始化每个新节。

function addStep(element, after) {
    var stepStructure = _.template($('#tmpl-step').html()),
        $thisStepBody = element.siblings('.step-body');

    $thisStepBody.append(stepStructure);
}

最终，我将在每个步骤中添加一个链接，以像每个小节之前/之后添加另一个步骤，但是我还没有那么远。

问题是$thisStepBody.append(stepStructure);没有执行任何操作。我的猜测是，无论单击哪个部分，均应指向$thisStepBody.siblings('.step-body')，这是问题所在。我已经尝试了很多不同的方法，但是我不知道为什么它不起作用。

看起来这应该是一件简单的事情，但是我担心我想做的其余事情过于复杂，以至于以我什至无法想到的方式搞乱了。

最佳答案

addStep($(this), true);

应该

addStep(element, true);

addSection()函数未绑定到单击的元素，该元素作为参数传递。

关于javascript - 无法让.siblings()在jQuery中工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44770469/