메뉴 건너뛰기

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

2016.10.07 11:18

test

조회 수 349 추천 수 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. LOGITECH, 컨퍼런스캠 이벤트

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

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

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

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  3. 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아름다운총각 Views349

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

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

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

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

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

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

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

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

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

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

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

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

    BY 아이티엔조이(itenjoy.co.kr) 커뮤니티 (ITCM)
    Read More
  10. 대양케이스, 꿩먹고 알먹고 이벤트

    이번에는 대양케이스, 꿩먹고 알먹고 이벤트에 대해 알아보겠습니다.
    Date2016.10.06 By아름다운총각 Views253

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

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