javascript - 使用 jQuery 通过其 ID 属性选择 HTML 元素

Question

我在 CodePen 上找到了一些代码来帮助我动态替换 div 的内容。它有效，但正如在借用某人的代码时经常发生的那样，我实际上无法将它塑造成我想要它做的事情。

原代码提供了动物的图片，当你点击它时，它会将动物名称的文本发送到一个div。 Javascript 看起来像这样:

$('#kittens').click(function() {
  $('div').html('Kittens');
});


$('#aardvark').click(function() {
  $('div').html('Aardvark');
});

我正在将它应用于一个更复杂的网页，所以我真的不能让它只用“小猫”一词替换第一级 div。

我发现通过保留单引号，我可以在其中放置任何我想要的文本或代码并且它工作得很好，但前提是我正在写入第一级 div。

所以我想定位它，我应该只给它 div ID。像这样的东西:

$('#kittens').click(function() {
  $('myDivName').html('Kittens');
});

这什么都不做。我还尝试过 'id=myDivName' 、 'id="myDivName"' 、 id: myDivName 以及其他一些我现在想不起来的方法。我想不出任何办法似乎都行不通。

有谁知道这个参数是如何工作的以及我如何才能让它只针对我想要的 div？

Answer 1

jQuery 选择器的工作方式与 CSS 选择器类似，因此不要使用 $('myDivName')，而是使用 $('#myDivName')