메뉴 건너뛰기

ㅇr름ㄷr운총각's 끄적끄적

2016.10.07 11:18

test

조회 수 350 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

지난 시간에는 id, name, class를 이용해서 각각의 input value들을 가져와 봤습니다.

 

이번에는 id를 이용해서 name / class를, name을 이용해서 ,id/ class를, class를 이용해서 id와 name을 가져와 보도록 하겠습니다.

(정확히 기억은 안 나는데, 이것들이 필요한 때가 있더군요.)

 

먼저 div를 선언합니다.

 

<div class="test_class" id="test_id" name="test_name"></div>

 

jquery 사용 유무에 따라  나눠서 말씀 드리겠습니다. 

 

Jquery 사용시.

 

//id로 접근하여 가져오기

var name_by_id = $('#test_id').attr('name');

var class_by_id = $('#test_id').attr('class');

 

//class로 접근하여 가져오기

var name_by_class = $('.test_class').attr('name');

var id_by_class = $('.test_class').attr('id');

 

//name으로 접근하여 가져오기

var id_by_name = $('[name="test_name"]').attr('id');

var class_by_name = $('[name="test_name"]').attr('class');

 

순수 javascript 사용시

[출처] javascript / jquery 를 이용한 id, name, class 값 가져오기|작성자 무챠스

 

 

 

dddd

출처 : 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)



  1. CORSAIR, CPU COOLER + 커세어 보조베터리 증정 이벤트

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...corsair_01
    Date2016.10.17 By아름다운총각 Views184

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  2. LOGITECH, 컨퍼런스캠 이벤트

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...ogitech_02
    Date2016.10.10 By아름다운총각 Views367

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  3. COLORFUL, 컬러풀한 가을맞이 GeForce 10 프로모션

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...olorful_01
    Date2016.10.10 By아름다운총각 Views324

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  4. test

    지난 시간에는 id, name, class를 이용해서 각각의 input value들을 가져와 봤습니다. 이번에는 id를 이용해서 name / class를, name을 이용해서 ,id/ class를, class를 이용해서 id와 name을 가져와 보도록 하겠습니다. (정확히 기억은 안 나는데, 이것들이 필요한 때가 있더군요.) 먼저 div를 선언합니다. <div class="test_class" id="test_id" name="test_name"></div> jquery 사용 유무에 따라 나눠서 말씀 드리겠습니다. Jqu...
    Date2016.10.07 By아름다운총각 Views350

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  5. BONOBOSS, BOS-N303 스피커 사은품 증정 이벤트

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...onoboss_01
    Date2016.10.07 By아름다운총각 Views323

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  6. ZOTAC, 방수 마우스패드 증정 이벤트

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...e=zotac_01
    Date2016.10.07 By아름다운총각 Views277

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  7. ASUS, 10월 에이수스클럽 스페셜 이벤트

    이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...de=ASUS_06
    Date2016.10.06 By아름다운총각 Views247

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  8. BENQ. 모니터 사진후기 이벤트

    이번에는 BENQ. 모니터 사진후기 이벤트에 대해 알아보겠습니다. 이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...de=benq_02
    Date2016.10.06 By아름다운총각 Views292

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  9. QSENN, 키보드 K5100 출시기념 이벤트

    이번에는 QSENN, 키보드 K5100 출시기념 이벤트에 대해 알아보겠습니다. 이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...e=qsenn_02
    Date2016.10.06 By아름다운총각 Views286

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  10. MICRONICS, CASLON 고객 감사 이벤트

    이번에는 MICRONICS, CASLON 고객 감사 이벤트에 대해 알아보겠습니다. 이벤트링크 : http://www.itenjoy.co.kr/openmarket_even...cronics_01
    Date2016.10.06 By아름다운총각 Views211

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More

Board Pagination Prev 1 ... 2 3 4 5 6 7 8 9 10 ... 28 Next
/ 28