Question

我有一个表，其中基于我在document.ready内部定义的jQuery函数，单击按钮不起作用。感谢Stackoverflow，我尝试了以下代码，并且按钮现在可以在单击时工作（显示其ID）：

        $('.myspecialtable').on('click',"button.btn", function(){
            console.log(this.id);
        });

在该表内，还有div个和span个具有不同的id个。不幸的是，jQuery无法识别它们。例如，我想用span来更改id="aggregated-score"内的文本。再次使用Stackoverflow先前回答的问题，我尝试以下操作，但没有任何反应：

        $('.myspecialtable').on('click',"button.btn", function(){
            console.log(this.id);
            $('#aggregated-score span').text('changed!');
        });

即使我尝试：

            var x = $('#aggregated-score span').text('changed!');
            console.log(x)

控制台中什么都没有发生，这使我认为它在id上没有任何作用。我究竟做错了什么？如何告诉jQuery识别表格中的ID。

Answer 1

#aggregated-score span选择带有标签span的元素，该元素是具有aggregated-score作为id的元素的后代，因此对于此代码：

<span id="aggregated-score"><span></span></span>

#aggregated-score span将选择内部span。

要选择一个span为aggregated-score的{{1}}，您必须使用id或仅使用span#aggregated-score作为#aggregated-score无论如何还是唯一的。

如何告诉jQuery识别表中的ID？

1 个答案: