Front/jQuery

[jQuery] .attr() .data()

한비Skyla 2025. 2. 12. 12:36

단일 요소에서 값 가져오기

firstTrValue = $('#situationInfo tr:first').attr('value');

 

 

모든 tr 요소에서 값 순회하며 가져오기

$('#situationInfo tr').each(function() {
    var value = $(this).attr('value');
});

 

 

<tr> 태그는 기본적으로 value 속성을 가지지 않음.
만약 데이터 저장이 필요하다면, HTML5의 data-* 속성을 활용 권장.

 

[html&jQuery] $.data()로 data-value 속성 사용하기

1.data-value 속성 test1 button 태그를 기준으로 위와 같이 data를 저장할 수 있다. data-* 의 형태로 변수의 이름을 지정할 수 있다. ex) data-val1, data-max-width, data-length 2.$.data() 제이쿼리의 data() 함수를 통해

leeborn.tistory.com

 

 

🌐 html의 data-속성 사용법 완벽 가이드

HTML 데이터셋 속성 HTML의 데이터셋 속성은 커스텀 사용자 속성을 DOM 요소에 저장하는데 표준화된 방법을 제공한다. 한마디로 자바스크립트에서 변수를 사용하듯이, 일종의 html의 변수 역할이라

inpa.tistory.com

 

'Front > jQuery' 카테고리의 다른 글

[jQuery] 제이쿼리란, 메소드 체이닝  (0) 2024.12.18