전문가가되자
149
2019-07-13 18:23:17
5
281

구글링도해보고 하는대 계속 원하는 값이 안나오네요...도와주시면감사하겟습니다...


안녕하세요 선배님들

신입 1개월차 개발자입니다.


계속 구글링도해보고 뭐가 문제인지 개발자모드에서 디버깅을 해봐도 같은값이 나오고 그래서 뭐가 문제인

지 잘모르겟어서 글을 작성해봅니다.

현재 ajax로 조회를 누르면 db에 잇는값들을 뿌립니다.

( 컬럼명들은 가리겟습니다 이해해주세요..)

그러면 DB에 잇는 값들이 WEB에 나오게 됩니다. (여기까진 완벽합니다.)

그리고 WEB에 잇는 개발자 모드를 들어가게되면

이렇게 위에 캡쳐 사진에 제가 코딩한것처럼 id값도 제대로 다 각각 다르게 들어갓습니다.

여기까진 제가 원하는대로 들어갓습니다.


하지만 제가 할려고하는 행위는

tr -> 행의 10 번째 를 클릭을 할려고하면 그 tr의 id값을 가지고오고싶습니다.

(그다음 로직을 위해 tr값을 가지고 올려고합니다.)


그래서 지금 위에있는 캡쳐와 같이  (tbody 의 id값이 DB_value 로 제가 만들어봣습니다.)

tbody의 tr 의 td 를 클릭하면!!

tbody의 tr의 id값을 console.log에 찍겟다라는 로직을 제가 만들어서


실제로 td를 클릭을 해보면

저 이벤트는 실행되지도 않고


이사진 밑(for 문  밖)

append(html);  <= 함수를 쓴곳 바로 밑에다가 이벤트를 선언하면

index_0 이라는것만 계속 찍더라구요...


혹시  index_0 이아닌 제가 td 를 클릭햇을때 해당 index_? 번호가 나올수 있게 할수가 있을까요?


아니면 제 코딩이 잘못된건지 가르쳐주시겟습니까??


아직까지 뭐가 문제인지 잘 인지할수가 없네요..


부탁드립니다 선배님들




0
0
  • 답변 5

  • KDH0110
    153
    2019-07-13 18:45:44

    tr에다가 onclick이벤트로 function(e){console.log(e.target.id)} 해보세요

    0
  • 르라나
    357
    2019-07-13 19:38:04

    for문에 var 대신 let을 써보세요

    0
  • 전문가가되자
    149
    2019-07-13 19:41:48

    흠... 저 이벤트가 잘못된건가요..


    또 디버깅해서 보니깐

    이렇게 다뜨네요...

    근대 분명 tr 을 하나만 클릭햇는데 왜 모든 tr들의 값이 나오는건지....

    0
  • 사는게힘듭니다
    2019-07-13 19:59:38

    console.log( $(this).attr("id") );

    0
  • 전문가가되자
    149
    2019-07-13 20:25:27

    이렇게 하니깐 값이 제대로 나오네요!!!!

    tr에는  onclick 으로 함수명 지정해줫습니다.!!!



    다들 감사합니다~~!!!

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.