(jquery / datatables) 부모 요소가 선택이 안되는데 ;; 왜 안되는지 모르겠어요 ;;
미댜웆대나
8년 전
조회 5,437
</p><p>var $grid = $("#dataTables").grid({</p><p style="margin-left: 40px;"><span style="font-size: 11pt;">columns: [</span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>{data: "column1",</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> render: function(data, type, row, meta) {</p><p style="margin-left: 80px;"><span class="Apple-tab-span" style="white-space:pre"> </span> var sub130 ; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>if(data == '130') {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>sub130 = "<span class='sub130'>" + data + "</span>"<span class="Apple-tab-span" style="font-size: 11pt; white-space: pre;"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}else{</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>sub130 = data</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}return sub130;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>{data: "column2"},</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>{data: "column3"}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>]</p><p>});</p><p> </p><p><span style="font-size: 11pt;">var table = $('#datatables').DataTable(); </span></p><p> </p><p>
column1의 데이터 값이 130이면 해당 로우가 다른 색으로 보이게 하려고 클래스를 붙인 태그를 넣었는데요.
개발자 도구로 본 태그 구조는 이렇습니다
tbody > tr > td > span
그래서 저 tr 태그를 선택하기 위해서 스크립트에 parent, parents, closest 등 써봤는데 ;; 왠지 안먹히더라구요 ;;
제가 시도해 본 코드들인데요
</p><p style="margin-left: 40px;"><span style="font-size: 11pt;">$(".sub130").closest('tr').css({"border": "1px solid red"}); //closest 외 </span><span style="font-size: 14.6667px;">parent, parents</span></p><p style="margin-left: 40px;"><span style="font-size: 14.6667px;">$(".sub130").closest().css({"border": "1px solid red"}); </span><span style="font-size: 11pt;">//closest 외 </span><span style="font-size: 14.6667px;">parent, parents</span></p><p style="margin-left: 40px;"><span style="font-size: 14.6667px;"> </span></p><p style="margin-left: 40px;"><span style="font-size: 14.6667px;">var testttt = $('span');</span> </p><p style="margin-left: 40px;"><span style="font-size: 14.6667px;">testttt.parent('td').css('background-color', 'yellow');</span> </p><p style="margin-left: 40px;"> </p><p>
이런 식으로 케이스 마다 다 해봤는데 안되는데.. 왜 선택이 안되는지 알 수 있을까요 ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인