javascript $（this）.find和innerHTML

Question

 document.getElementById("test").innerHTML += " hello two";

这对我行得通。但仅适用于我页面上的第一个“测试”部门。我想在所需的地方添加innerHTML。

所以我有一个按钮，当我单击它时，一定会发生以下情况：

$this.find("#test").innerHTML += " hello two";

但是第二个代码将不起作用。

我究竟做错了什么？

Answer 1

因为.find()不返回元素，而是返回jQuery 对象（它没有属性innerHTML）。如果您使用 jQuery，更好的方法是依赖.append()：

$("#test").append(" hello two");

这是一个 JSFiddle，它演示了该.append()解决方案，并执行了一些console.log()代码find()，以便您可以在浏览器的开发人员控制台中打开它并亲自检查该对象。