jQuery를 사용하여 요소의 ID를 확인하는 방법

질문 : jQuery를 사용하여 요소의 ID를 어떻게 얻을 수 있습니까?

---

<div id="test"></div>
<script>
  $(document).ready(function() {
    alert($('#test').id);
  });  
</script>

위의 방법이 작동하지 않는 이유는 무엇이며 어떻게해야합니까?

답변

---

jQuery 방식 :

$('#test').attr('id')

귀하의 예에서 :

$(document).ready(function() {
  console.log($('#test').attr('id'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test"></div>

또는 DOM을 통해 :

$('#test').get(0).id;

또는 :

$('#test')[0].id;

그리고 JQuery에서 $('#test').get(0) $('#test')[0] 를 사용하는 이유는 $('#test') 가 JQuery 선택기이고 array ()를 반환한다는 것입니다. 기본 기능으로 단일 요소가 아닌 결과

jquery의 DOM 선택기에 대한 대안은 다음과 같습니다.

$('#test').prop('id')

.attr() 및 $('#test').prop('foo') 은 지정된 DOM foo 속성을 가져 $('#test').attr('foo') 는 지정된 HTML foo 여기에서 차이점에 대한 자세한 내용을 확인할 수 있습니다.

출처 : https://stackoverflow.com/questions/3239598/how-can-i-get-the-id-of-an-element-using-jquery