jQuery ID, Class, name을 이용하여 value 가져오기
2020. 10. 23. 14:05ㆍ프로그래밍 개발(Development)/Jquery
반응형
jQuery를 사용하다보면 해당 id, class, name에 해당하는 obj, attr, value 등 데이터를 조회하는 경우가 있다.
이때 id, class, name을 이용하여 해당하는 elem에 접근하여 값을 가져오는 방법을 알아보겠다.
조회할 대상의 div를 생성하겠습니다.
<head>
<div>Get element Test</div>
</head>
<body>
<div class="my_class" id="my_id" name="my_name"></div>
</body>
1. ID
$ ( '#{id}' )
var val_by_id = $('#my_id').val();
var name_by_id = $('#my_id').attr('name');
var class_by_id = $('#my_id').attr('class');
2. Class
$ ( '.{class}' )
var val_by_class = $('.my_class').val();
var name_by_class = $('.my_class').attr('name');
var id_by_class = $('.my_class').attr('id');
3. name
$ ( '[name="{name}"]' )
var val_by_name = $('[name="my_name"]').val();
var id_by_name = $('[name="my_name"]').attr('id');
var class_by_name = $('[name="my_name"]').attr('class');
class, name의 경우 중복되는 element가 많기 때문에 상황에 맡게 주의하여 사용하세요.
반응형