javascript - 使用jQuery的ID属性选择HTML元素

我在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？

最佳答案

jQuery选择器的工作方式与CSS选择器一样，因此请使用$('myDivName')代替$('#myDivName')