이게 미리 자바스크립트에 나중에 추가되는 아이디값을 지정해놓으면 찾지를 못하는데 어케해결 할 수 있어?
얘를들어
<h id="a"></h>
<>
$("#a").click(function(){
$("#a").attr("id", "b")
})
$("#b").click(function(){
$("#b").attr("id", "a")
})
</>
일게 해놓으면 밑에게 작동이 안되는데 toggle이나 이런거 말고 변동되는 아이디값을 셀렉트하는법을 알고싶어ㅠㅠ
스크립트가 로드될때에는 b 라는 id를 가진 DOM이 없으니까 undefined를 이벤트리스너에 등록하는거나 마찬가지죠. 나중에 b로 바꿔도 밑에게 알아서 따라가는 그런게 아님
그리고 DOM의 id를 변경하는거는 개씹 안티패턴이니까 지양하시고 js의 변수를 활용하세요
답변 정말 감사드리는데 어떻게 하면되겠습니까? 새로 append나 before 이런걸로 새로 추가된 요소를 셀렉트하려면 어떻게하면 되겠습니까?
죄송합니다 피곤해서 문법이 좀 이상합니다ㅠㅠ
가장 쉬운거는 getelementsbyclassname 써서 클래스네임으로 가져오면 되죠... 얘는 반환값에 변경된 DOM이 실시간으로 반영되서 님이 원하는 결과를 얻을 수 있지 않을까요??
jquery면 #말고 .으로 가져오시면 되겠네요 클래스명은 적절하게 지으시구요..
오 감사합니다!!