使用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')

Answer 2

當在jquery中引用一個元素時，您需要使用它的css選擇器。 對於ID為"myDivName"的元素，選擇器將為#myDivName因此您的jquery將如下所示：

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