Question

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

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

希望对你有帮助:)）

Wordpress中的jQuery在Chrome中无法正常工作

1 个答案: