javascript - text() 与 .parent().html() 后续更改的 JQuery 行为

Question

我的代码中有一个场景，之前每次单击按钮时我都会使用 element.text(data) 更新 div。

我已经更新了这个，因为我现在需要将 html 而不是文本传递到 div 中。因此，现在的调用是 element.parent().html(data)。

第一次单击按钮时它可以正常工作，但似乎有意想不到的副作用，现在只允许我更新一次。为了确定起见，我将其改回 .text() ，果然我能够多次单击不同内容的按钮，并将该内容放在那里。独特的内容不会通过该parent().html()进行任何更新。有人可以解释一下这是怎么回事吗？

这是每次都有效的代码:

        $(document).ready(function(){
            $("#count").click(function(e){
                e.preventDefault();

                //[... gets some parameters in here ...]

                $.post("myfile.php", {argument = list, goes = here}, function(data){
                    $("#subcount").text("Submission Count: " + data);
                });

            })
        })

这是只触发一次的代码:

        $(document).ready(function(){
            $("#count").click(function(e){
                e.preventDefault();

                //[... gets some parameters in here ...]

                $.post("myfile.php", {argument = list, goes = here}, function(data){
                    $("#subcount").parent().html(data);
                });

            })
        })

谢谢!

Answer 1

除非 data 包含 ID 为 subcount 的元素，否则在更改父 HTML 后，目标将不再存在。

尝试将数据字符串包装在:

<div id = "subcount">....</div>

然后您将获得下一次单击按钮的目标。