如果有兄弟姐妹，则 jquery 兄弟姐妹（）似乎包括选择器，但如果没有，则不包括

Question

我有一个带有以下成功函数的 ajax 调用：

            success: function(response){
                console.log($(response).siblings());
                $(response).siblings().each(function(){
                    alert("foo");
                    var thing_id = $(this).attr("id").split("-")[0];
                    alert(thing_id);
                    $("#"+thing_id).append(this);
                })

使用这个 django 模板（稍微匿名）呈现响应的地方：

{% for thing in things %}
    <div id="{{ thing.something.id }}-pc">
        <div>
            <span class="tablename">Something Else</span>
            {% include '<some template>' with table=thing.something_else %}
        </div>

    </div>
{% endfor %}

兄弟（）的文档声明选择器不包括在内，如果我的模板中只有一个 thing in things，我会看到这一点，但如果我有多个，我会收到两个顶级 div循环。

发生了什么事？！

编辑（更好的问题）：当我在$(response) 上调用siblings() 时，为什么当有2 个时我得到两个顶级div，但当只有1 个时我得到0？

似乎我误解了我使用$(response) 选择的内容。谁能澄清一下？

Answer 1

“那么当我说$(response)时我在选择什么？”

这为您提供了一个 jQuery 对象，其中包含您的response 字符串中的 所有 顶级元素。如果有，比如说，三个顶级元素，那么$(response).length 将是3。

$(response).siblings() 然后为您提供所有顶级元素的所有兄弟，并且因为每个都是其他元素的兄弟，这再次返回所有顶级元素。

如果只有一个顶级元素，则它没有兄弟姐妹。

所以显然.siblings() 是在这里使用的错误方法，但我不确定建议您改用什么方法，因为您想要的结果仍不清楚。

您可以通过以下方式遍历每个顶级元素：

$(response).each(function() {...

要获得一个特定的，您可以使用.eq(someZeroBasedIndex)，例如，$(response).eq(1) 获得第二个。

要获取除第一个之外的所有内容，您可以使用$(response).slice(1)。