javascript $(this).find 和 innerHTML

Question

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

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

所以我有一个按钮，当我点击它时，一定会发生这样的事情:

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

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

我做错了什么？

Answer 1

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

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

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