(jquery / datatables) 부모 요소가 선택이 안되는데 ;; 왜 안되는지 모르겠어요 ;;
Copy
var $grid = $("#dataTables").grid({columns: [ {data: "column1", render: function(data, type, row, meta) { var sub130 ; if(data == '130') { sub130 = "<span class='sub130'>" + data + "</span>" }else{ sub130 = data }return sub130; }}, {data: "column2"}, {data: "column3"} ]}); var table = $('#datatables').DataTable();
column1의 데이터 값이 130이면 해당 로우가 다른 색으로 보이게 하려고 클래스를 붙인 태그를 넣었는데요.
개발자 도구로 본 태그 구조는 이렇습니다
tbody > tr > td > span
그래서 저 tr 태그를 선택하기 위해서 스크립트에 parent, parents, closest 등 써봤는데 ;; 왠지 안먹히더라구요 ;;
제가 시도해 본 코드들인데요
Copy
$(".sub130").closest('tr').css({"border": "1px solid red"}); //closest 외 parent, parents$(".sub130").closest().css({"border": "1px solid red"}); //closest 외 parent, parents var testttt = $('span'); testttt.parent('td').css('background-color', 'yellow');
이런 식으로 케이스 마다 다 해봤는데 안되는데.. 왜 선택이 안되는지 알 수 있을까요 ㅠ
답변 1개
8년 전
음 저도 비슷한 경우로 애 먹은적 있는데..
특히 테이블 구조에서 parent 등을 못 찾았던 것 같아요..
제경우는 table을 div로 감싸고 해당 div를 불러온 후 tr에 클래스나 id값으로 find 해주었드니 되드라구요..
ex) $('테이블감싼div').find('tr클래스명').~블라블라~
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인