이 .js 해석좀 해주세요..

이 .js 해석좀 해주세요..

QA

이 .js 해석좀 해주세요..

본문

$(document).ready(function() {

$('.member_sale tr').each(function() {

var aNodes = $(this).find('td');
var iPer = Number($(aNodes[1]).text().replace('%', ''));

var iSalePrice = product_price - (product_price * (iPer/100));

$(aNodes[2]).html(addCommas(iSalePrice)+'원');
});


function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}

});


위와 같은 .js 가 있는데요.. 
이것때문인지 제대로 안나와서요. 

쇼핑몰에 등급별가격 수치를 매기려는데 이게 가로 방향인것 같더라구요

예) 

일반회원 - 0% - 10만원
우수회원 - 5% - 9만5천원


이런식인것 같은데 이것을


일반회원     우수회원
   0%               5%
  10만원       9만5천원

이런식으로 바꾸고 싶거든요 table을요.. 근데 안되네요.. 

이 질문에 댓글 쓰기 :

답변 2

$(document).ready(function() {
    var iPer = new Array();
    var iSalePrice = new Array();
    var aNodes;
    $('.member_sale tr').each(function(index, item) {  
        var aNodes = $(item).find('td');  
        if(index == 1) {             
            for(var i=0; i<2; i++) { 
                iPer[i] = Number($(aNodes[i]).text().replace('%', ''));
                iSalePrice[i] = product_price - (product_price * (iPer[i]/100));
            }              
        } else if(index == 2) {
            for(i=0; i<2; i++) 
                $(aNodes[i]).html(iSalePrice[i].toLocaleString().split('.')[0] + '원');
        }
    });
});

이것도 잘 안되네요.. ㅠ 제가 뭔가를 잘못하고있는건가요

원하는 출력소스의 값입니다

<div class="gradesale">
<p><span class="gradesale_title">등급별 가격</span></p>
<!--@js(/js/module/product/grade.js)-->
<table class="member_sale" border="1" cellspacing="0" style="font-family:'맑은고딕'; text-align:center; border-collapse:collapse; font-size: 16px;" rules="none">
 
 <tr>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_01.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_02.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_03.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_04.gif" /> </td>
    <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_05.gif" /></td>
  </tr>
    <tr height="10">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>

  </tr>
  <tr>
    <td>일반회원</td>
    <td>우수회원</td>
    <td>최우수</td>
    <td>VIP</td>
    <td>VVIP</td>

  </tr>
  <tr>
 <td class="member_title02">0%</td>
  <td class="member_title02">3%</td>
  <td class="member_title02">5%</td>
  <td class="member_title02">7%</td>
  <td class="member_title02">7%</td>

  </tr>
  <tr>
<td class="member_title03_1"></td>
<td class="member_title03_2"></td>
<td class="member_title03_3"></td>
<td class="member_title03_4"></td>
<td class="member_title03_5"></td>
  </tr>
</table>
</div>

일반회원 - 0% - 10만원
우수회원 - 5% - 9만5천원
 
이렇게 출력되는 부분의 소스를 좀 볼수 잇을까요?
자바상에서 테이블에대한 언급이 잇긴 한데요.
자바를 건드리지 않더라도 출력되는부분에서도 원하시는 출력방향으로도 할수 잇을거 같긴 한데요.

해당 출력소스는

<div class="gradesale">
<p><span class="gradesale_title">등급별 가격</span></p>
<!--@js(/js/module/product/grade.js)-->
<table class="member_sale">
<tr>
<td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_01.gif" /> 일반회원</td>
<td class="member_title02">0%</td>
<td class="member_title03_1"></td>
</tr>
<tr>
<td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_02.gif" /> 우수회원</td>
<td class="member_title02">3%</td>
<td class="member_title03_2"></td>
</tr>
<tr>
<td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_03.gif" /> 최우수</td>
<td class="member_title02">5%</td>
<td class="member_title03_3"></td>
</tr>
<tr>
<td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_04.gif" /> VIP</td>
<td class="member_title02">7%</td>
<td class="member_title03_4"></td>
</tr>
<tr>
<td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_05.gif" /> VVIP</td>
<td class="member_title02">10%</td>
<td class="member_title03_5"></td>
</tr>
</table>
</div>


입니다.. ㅠ  이렇게 했을경우 정상적으로 나오는데반해..


<div class="gradesale">
<p><span class="gradesale_title">등급별 가격</span></p>
<!--@js(/js/module/product/grade.js)-->
<table class="member_sale" border="1" cellspacing="0" style="font-family:'맑은고딕'; text-align:center; border-collapse:collapse; font-size: 16px;" rules="none">
 
 <tr>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_01.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_02.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_03.gif" /> </td>
  <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_04.gif" /> </td>
    <td class="member_title01"><img src="/web/season2_skin/skin10/member_icon_05.gif" /></td>
  </tr>
    <tr height="10">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>

  </tr>
  <tr>
    <td>일반회원</td>
    <td>우수회원</td>
    <td>최우수</td>
    <td>VIP</td>
    <td>VVIP</td>

  </tr>
  <tr>
 <td class="member_title02">0%</td>
  <td class="member_title02">3%</td>
  <td class="member_title02">5%</td>
  <td class="member_title02">7%</td>
  <td class="member_title02">7%</td>

  </tr>
  <tr>
<td class="member_title03_1"></td>
<td class="member_title03_2"></td>
<td class="member_title03_3"></td>
<td class="member_title03_4"></td>
<td class="member_title03_5"></td>
  </tr>
</table>
</div>

이렇게 할경우 이상하게 깨집니다..

답변을 작성하시기 전에 로그인 해주세요.
전체 125,873 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT