jQuery.siblings找不到同级

Question

我正在维护的web系统有一个非常特殊的问题。在视图中，我想从DOM的标签字段中获取问题编号。但是，我的代码找不到label元素。

这是脚本部分。

$(document).ready(function () {
                $(function () {
                var result = $(".answer").click(function () {
                    $(this).editable({
                        className: "",
                        saveUrl: "../api/Results/SaveResults",
                        create: function () {
                            var number = $(this).siblings(".number").text();
                            console.log(number);
                            $(this).editable("option", "questionNumber", number);
                        }
                    });
                });
            });
        });

这是HTML

<div class="questionDiv">
                    <asp:Label ID="questionNumber1" runat="server" CssClass="number"></asp:Label>
                    <asp:TextBox ID="answer1" Wrap="True" runat="server" CssClass="answer" TextMode="MultiLine" Width="100%"
                            Rows="5" MaxLength="2000" Columns="65"></asp:TextBox>
                </div>

并在浏览器中呈现：

<span id="questionNumber1" class="number">1</span>
<textarea name="answer1" rows="5" cols="65" id="answer1" class="answer" style="width: 540px; "></textarea>

由于某些原因，create函数中的number变成了一个空字符串。使用$(this)的原因之一是因为每页有多个问题。在Page_Load()方法后面的代码中设置label.text。

我已经尝试了许多不同的组合；

$(this).prev().text()

$(this).parent().children(".number").text()

$(this).parent().children().find(".number").text()

等。

如果我在chrome控制台中尝试这些组合，即。$("#answer1").siblings().text()它工作得很完美。

有谁知道为什么会发生这种情况吗？所有元素都应该像在document.ready()函数中一样呈现。

提前谢谢。

彼得

编辑:经过更多的调查，我注意到即使我使用var number = $("questionNumber1").text();，也只能得到一个空字符串。这个问题会不会与DOM没有完全加载有关。脚本块在document.ready()中，因此人们可能会猜测DOM已加载。

Answer 1

也许create方法中的this引用的不是$(".answer")

尝试备份，可能会有所帮助：

var result = $(".answer").click(function() {
    var $this = $(this);
    $this.editable({
        className: "",
        saveUrl: "../api/Results/SaveResults",
        create: function() {
            var number = $this.siblings(".number").text();
            console.log(number);
            $this.editable("option", "questionNumber", number);
        }
    });
});

Answer 2

问题是create:函数将$(this)包装在另一个div中。所以，parent().parent().first(".number")解决了这个问题。