class명으로 each문 사용, 따옴표 처리, 버튼 숨기기

//1. jQeury 사용하여 best 상품평인 경우 음영 처리
            $('#replyTable .best_Y').each(function (e) {
              // $(this).children('td:eq(0),td:eq(1),td:eq(4),td:eq(5),td:eq(6),td:eq(7),td:eq(8),td:eq(9),td:eq(10)').css("background","pink");
              $(this).children('td').css("background","pink");
            });

id가 replyTable인 것의 class가 best_Y인 것에 each문을 사용하여 반복한다.

반복할 내용: 자식 요소인 this.children('td') td 태그 안에 css를 넣는다.

 

//2. 작은따옴표로 시작하면 중간에 작은따옴표를 사용했을 때 백슬래쉬(\)로 문자 처리를 해준뒤 사용하도록 한다.
Content += '<img style="cursor: pointer; width: 50px; height: 50px; display: inline-block; margin-left: auto; margin-right: 10px; margin-top: 10px;" 
onclick="showImage(\'' + reply[i].image01 + '\')" src="' + reply[i].image01 + '">'

img 태그를 작은따옴표(')로 시작하므로 중간에 '를 사용하면 닫히게 된다. 따라서 변수명이 나올 때 구분되므로 작은따옴표 처리가 필요하면 먼저 백슬래쉬(\)'로 문자처리를 해준 뒤, 다시 작은따옴표를 시작하여 변수명을 감싼다.

 

//3. 베스트 상품평이 아닐 때 버튼을 보여주고 베스트 상품평일 때 버튼을 숨기도록 한다.
if(reply[i].bestcheck == 'N') {
              Content += "<td style=\"vertical-align: middle; \">" + "<button style='width: 60px; height: 40px;' onclick='bestPick(" + reply[i].id + ");'>베스트 선정</button>" + "</td>";
            } else {
              Content += "<td style=\"vertical-align: middle; \"></td>";
            }