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

Selecting an HTML element by it's ID attribute with jQuery

本文关键字：选择 HTML 元素 属性 ID jQuery 通过 使用      更新时间：2023-09-26

我在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')，

而是

在 jquery 中引用元素时，需要使用它的 CSS 选择器。对于具有 id "myDivName"的元素，该选择器将#myDivName，因此您的 jquery 如下所示：

$('#kittens').click(function() {
    $('#myDivName').html('Kittens');
});
相关文章：