교차 행 색상 div

5 행 정도마다 div 테이블에 얼룩말 줄무늬를 추가하고 싶었지만 예상대로 작동하는 경우 짝수를 사용하여 함수를 테스트했습니다.

nth-child선과 선을 시도했지만 nth-of-type표에 변화가없는 것 같습니다. 내가 뭔가 잘못하고 있니 ??

이것은 내 테이블을 만드는 코드 부분입니다.

 $.ajax({
url: "viewDayInDocuments",
type: 'post',
data: {currentDay: currentDay, currentMonth: currentMonth, currentYear: currentYear},
success: function(result){
    $('.descCell').text('');
    $('.descCell').remove();
    $('.row').remove();
    $('.failure').text('');
    $('.failure').remove();
    $('.listItem').remove();
    $('.incomingForm').remove();

    incomingDoc = JSON.parse(result);
    if(incomingDoc.details == false){
        $('.row').remove();
        $('.descCell').text('');
        $('.descCell').remove();
        $("#superWrap").hide();
        $("#noDocs").append("<div class = 'failure'>No Documents Available</div>");
        $('#noDocs').show();
    }
    else{
                $("#mainListing").prepend("<div class = 'row'><div class = 'cell'><div class = 'descCell'><p class = 'listItem'><form class = 'incomingForm' method = 'POST' action = '/DTS/index.php/Index/editInfoIncoming'><b>Reference Number: </b><a href = '#' onclick = 'sendForm(this)' class = 'list'>"
                + incomingDoc.details[i].referenceNo + "</a><br/><label class = 'list'>" 
                + "<b>Sender: </b>"
                + incomingDoc.details[i].sender + "<br/>"
                + "<b>Company Name: </b>"
                + incomingDoc.details[i].companyName + "<br/>"
                + "<b>Subject: </b>"
                + incomingDoc.details[i].subject + 
                "<label><input type = 'hidden' name = 'incomingId' value = '" + incomingDoc.details[i].incomingId + 
                "'/><input type = 'hidden' name = 'referenceNo' value = '" + incomingDoc.details[i].referenceNo + 
                "'/><input type = 'hidden' name = 'documentType' value = '" + incomingDoc.details[i].documentTypeId + 
                "'/><input type = 'hidden' name = 'documentDate' value = '" + incomingDoc.details[i].documentDate + 
                "'/><input type = 'hidden' name = 'dateReceived' value = '" + incomingDoc.details[i].dateReceived + 
                "'/><input type = 'hidden' name = 'sender' value = '" + incomingDoc.details[i].sender + 
                "'/><input type = 'hidden' name = 'companyId' value = '" + incomingDoc.details[i].companyId + 
                "'/><input type = 'hidden' name = 'company' value = '" + incomingDoc.details[i].companyName + 
                "'/><input type = 'hidden' name = 'staffName' value = '" + incomingDoc.details[i].responsibleStaffName +
                "'/><input type = 'hidden' name = 'staff' value = '" + incomingDoc.details[i].responsibleStaffId + 
                "'/><input type = 'hidden' name = 'subject' value = '" + incomingDoc.details[i].subject + 
                "'/><input type = 'hidden' name = 'actionDone' value = '" + incomingDoc.details[i].actionDone + 
                "'/><input type = 'hidden' name = 'track' value = '" + incomingDoc.details[i].track + 
                "'/><input type = 'hidden' name = 'completed' value = '" + incomingDoc.details[i].completed + 
                "'/><input type = 'hidden' name = 'remarks' value = '" + incomingDoc.details[i].remarks + 
                "'/></form></div></div>");
        } 
        $("#superWrap").show();      
        //$("#myform").show();
    }

        //if link is clicked go edit the form with given values
}

});

셀에 대한 내 CSS 관련 코드 :

.cell{
    min-width: 450px;
    background-color: #eaeaea;
    border-top: 1px solid;
}

.cell:nth-child(even){
     background-color: #B0C4DE;
}

렌더링 된 코드 div 블록 :

<div id="superWrap" style="display: block;">
    <div id="wrapper">

            <div class="listIncoming">
                <div class="desc">
                <label><b>Incoming Documents on the Day</b></label>
                </div>

                <div id="mainListing"><div class="row"><div class="cell"><div class="descCell"><p class="listItem"></p><form class="incomingForm" method="POST" action="/DTS/index.php/Index/editInfoIncoming"><b>Reference Number: </b><a href="#" onclick="sendForm(this)" class="list">2014-IN05-ORD-1245</a><br><label class="list"><b>Sender: </b>Discuss<br><b>Company Name: </b>NPA<br><b>Subject: </b>List it down as subject<label><input type="hidden" name="incomingId" value="42"><input type="hidden" name="referenceNo" value="2014-IN05-ORD-1245"><input type="hidden" name="documentType" value="1"><input type="hidden" name="documentDate" value="2014-05-12"><input type="hidden" name="dateReceived" value="2014-05-12"><input type="hidden" name="sender" value="Discuss"><input type="hidden" name="companyId" value="3"><input type="hidden" name="company" value="NPA"><input type="hidden" name="staffName" value="Staff, Meeting A"><input type="hidden" name="staff" value="2"><input type="hidden" name="subject" value="List it down as subject"><input type="hidden" name="actionDone" value="no"><input type="hidden" name="track" value="1"><input type="hidden" name="completed" value="0"><input type="hidden" name="remarks" value="hey"></label></label></form></div></div></div><div class="row"><div class="cell"><div class="descCell"><p class="listItem"></p><form class="incomingForm" method="POST" action="/DTS/index.php/Index/editInfoIncoming"><b>Reference Number: </b><a href="#" onclick="sendForm(this)" class="list">398041839213</a><br><label class="list"><b>Sender: </b>me<br><b>Company Name: </b>NPA<br><b>Subject: </b>asdas subject<label><input type="hidden" name="incomingId" value="30"><input type="hidden" name="referenceNo" value="398041839213"><input type="hidden" name="documentType" value="3"><input type="hidden" name="documentDate" value="2014-05-12"><input type="hidden" name="dateReceived" value="2014-05-12"><input type="hidden" name="sender" value="me"><input type="hidden" name="companyId" value="3"><input type="hidden" name="company" value="NPA"><input type="hidden" name="staffName" value="Man, Alf B"><input type="hidden" name="staff" value="5"><input type="hidden" name="subject" value="asdas subject"><input type="hidden" name="actionDone" value="sad"><input type="hidden" name="track" value="1"><input type="hidden" name="completed" value="0"><input type="hidden" name="remarks" value="dsad"></label></label></form></div></div></div><div class="row"><div class="cell"><div class="descCell"><p class="listItem"></p><form class="incomingForm" method="POST" action="/DTS/index.php/Index/editInfoIncoming"><b>Reference Number: </b><a href="#" onclick="sendForm(this)" class="list">908941</a><br><label class="list"><b>Sender: </b>me<br><b>Company Name: </b>NPA<br><b>Subject: </b>testing<label><input type="hidden" name="incomingId" value="24"><input type="hidden" name="referenceNo" value="908941"><input type="hidden" name="documentType" value="1"><input type="hidden" name="documentDate" value="2014-05-06"><input type="hidden" name="dateReceived" value="2014-05-12"><input type="hidden" name="sender" value="me"><input type="hidden" name="companyId" value="3"><input type="hidden" name="company" value="NPA"><input type="hidden" name="staffName" value="Staff, Meeting A"><input type="hidden" name="staff" value="2"><input type="hidden" name="subject" value="testing"><input type="hidden" name="actionDone" value="round round"><input type="hidden" name="track" value="0"><input type="hidden" name="completed" value="1"><input type="hidden" name="remarks" value="round"></label></label></form></div></div></div>
                    <input type="button" value="Close" id="btnOK" align="center">
                </div>

            </div>
    </div>
</div>