jQuery로 ID 속성으로 HTML 요소 선택

Question

div의 내용을 동적으로 대체 할 수 있도록 CodePen에서 일부 코드를 선택했습니다. 그것은 작동하지만, 누군가의 코드를 빌려 가면서 자주 일어나는 것처럼, 내가 원하는 것을 실제로 만들 수는 없습니다.

원래 코드는 동물의 그림을 제공하며, 클릭하면 해당 동물의 이름 텍스트가 div로 전송됩니다. 자바 스크립트는 다음과 같습니다 : 나는 더 복잡한 웹 페이지에 적용하고있어

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


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

을, 그래서 정말 그냥 단어 첫 번째 수준의 사업부를 대체 할 수 없습니다 "새끼."

나는 작은 따옴표를 유지함으로써 텍스트 나 코드를 넣을 수 있으며 첫 번째 레벨 div에 쓰고있는 경우에만 잘 작동한다는 것을 알았습니다.

그래서 나는 그것을 목표로 생각합니다. 나는 div ID를 부여해야합니다. 예 :

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

아무 것도 수행하지 않습니다. 또한 'id = myDivName', 'id = "myDivName"', id : myDivName 및 지금 당장은 기억할 수없는 몇 가지 항목을 시도했습니다. 내가 생각해 낼 수있는 것은 아무 것도없는 것 같습니다.

아무도이 매개 변수가 작동하는 방식을 알고 내가 원하는 div를 대상으로 가져올 수있는 방법을 알고 있습니까?

Answer 1

의 jQuery 선택기는 CSS 선택기처럼 작동하므로 대신 $('myDivName')의 JQuery와의 요소를 참조 할 때, 당신은 CSS 선택기입니다 사용할 필요가 $('#myDivName')

Answer 2

을한다. 그것은 하나 ''# myDivName'` 또는` '[ID = "myDivName"]' ', 후자가되는입니다

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