SIR
이전 목록 다음
채택완료

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

mmyfree
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전 6,784
$(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을요.. 근데 안되네요.. 
javascript jquery
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
슈슈와이
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
$(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] + '원');
        }
    });
});

답변에 대한 댓글 3개

히어1
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
역시 고수님은 다르시군요......굿~!!
myfree
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
이것도 잘 안되네요.. ㅠ 제가 뭔가를 잘못하고있는건가요

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

<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>
히어1
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
원본소스 맞나요?
히히어1
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
일반회원 - 0% - 10만원
우수회원 - 5% - 9만5천원
 
이렇게 출력되는 부분의 소스를 좀 볼수 잇을까요?
자바상에서 테이블에대한 언급이 잇긴 한데요.
자바를 건드리지 않더라도 출력되는부분에서도 원하시는 출력방향으로도 할수 잇을거 같긴 한데요.

답변에 대한 댓글 1개

myfree
프로필 보기이 회원 글보기이 회원의 댓글보기
 11년 전
해당 출력소스는

<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>

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

답변을 작성하려면 로그인이 필요합니다.