javascript - JQuery 无法识别动态生成的 id

Question

我已经搜索了一段时间，但找不到解决这个问题的方法。

我正在使用 JSP 和 Servlet。我运行一个 JSP，其中一些代码是动态生成的。

当我启动程序时，我可以正确地看到所有内容。事实上我已经打开了网页的源代码，一切似乎都是正确的。

在该代码中，它出现了一个 <td>带有 id PAR1.1:ED 的标签

<.td id="PAR1.1:ED" >3700.0</td>

(我特意在此处添加了.。代码中没有任何意义:P)

然后我有一个脚本，我试图在其中搜索该 ID，但它似乎不存在。

   <script type="text/javascript">
        $(document).ready(function() {
            $(document).on("change", "input", function() {
                if( $("#PAR1.1:ED").length ){
                    alert("exists");
                }
                else{
                    alert("doesn't exist");
                }   
            });         
        });
    </script>

我怎样才能检测到该标签 ID？

非常感谢!

Answer 1

问题出在冒号和句号上；你需要 escape them in your selector :

if ($("#PAR1\\.1\\:ED").length ){
    alert("exists");
}

这也是 JSF 中的一个常见问题，其中许多生成的 ID 内部都有一个冒号。虽然不禁止使用冒号作为 id，但它与 CSS 选择器中伪类的含义相冲突。