WordPress 中的 jQuery 在 Chrome 中无法按预期工作

Question

我在使用 WordPress 3.2.1 附带的 jQuery 时遇到了这个奇怪的问题。我正在开发一个 WordPress 插件。我正在使用 Chrome 进行调试。我通常会打开开发人员工具来尝试一些 jQuery 函数，然后再将它们放入代码中。但对于这个特定的组合，我在 ID 选择器和各种 HTML 对象函数方面遇到了问题。

jQuery('#id_of_html_element') //This will just return [] in the console

//If I put this in the plugin, it will run and show [object Object]
alert(jQuery('#id_of_html_element'));


//The following shows "null" but in fact I have html inside
alert(jQuery('#id_of_html_element').html());

//And this works as expected in the console
document.getElementById('id_of_html_element').innerHTML

我已尝试禁用 Chrome 上的所有扩展程序，但问题仍然存在。在另一个页面(例如 Stackoverflow.com)上，jQuery 在控制台中按预期工作。

编辑:类选择器在控制台中工作正常，但 html() 仍然返回 null

编辑:抱歉，这是我的错误。我的 id 中有一个“-”，这导致了问题。将其替换为下划线后，它已经可以工作了。当它在其他 WordPress 插件上运行时我注意到它，但在我的插件上不起作用。

Answer 1

如果确实想访问元素 ID 内的 html 代码，请尝试我的解决方案:

var v1 = $('<div>').append($("#id_of_html_element").find("*").clone()).remove().html();
alert(v1);

我测试了:

<div id="id_of_html_element">
        <a href="#">Text</a>
        <br/><a href="#">Another Text</a>
</div>

警报结果是:

<a href="#">Text</a><br><a href="#">Another Text</a>

我在 FF、Chrome 和 IE 上进行了测试，一切似乎都运行良好!

不要问我空格去了哪里，现在是你的问题了 :P :P :P

希望对您有帮助:)