[JQuery] 특정 ID 속성이 "" 로 시작하는 모든 요소 선택

오늘은 JQuery로 특정 ID 속성에 해당 되는 데이터를 가져오는 것을 알아 볼 겁니다.

Atrribute Starts With Selector (attribute^=value)인데요.

예를 들어  : [id^='con'] 즉, id 속성이 'con'로 시작하는 모든 요소를 선택합니다. 라는 뜻이에요.

$("[id^='con']").on("click", function(){
  console.log($(this).attr("id"));
});

위에 코드로 작성을 하면 됩니다.

만약 위에 id 속성 요소가 input일 경우

<input type="hidden" id="con-${data}" >

위에 코드처럼 id 속성을 con으로 시작해서 작성하면 해당 요소가 클릭 되었을 때 콘솔에 해당 요소의 id가 찍힙니다.


보통 이는 팝업 창을 열 때나, 해당 요소를 클릭 했을 때 데이터를 받아보고 싶을 경우 사용됩니다.