동적으로 백분율로 문자열 값을 변경하십시오.

나는 백분율로 문자열 수를 동적으로 변경하려고합니다. 그러나 운이없고 지금은 완전히 손실되었습니다. 주어진 비율, 예를 들어 5 %로 아래 숫자를 올리는 방법은 무엇입니까? 공백과 숫자가 아닌 문자를 rmove 할 필요없이 가능합니까?동적으로 백분율로 문자열 값을 변경하십시오.

<em class="number">13&nbsp;616:-&nbsp;<span class="status"></span></em>

출처

2016-11-17 Xeptor

예상되는 결과는 무엇인가? –

나는 두 개의 숫자를 보았습니다 : 13과 616은 ' '으로 구분되었으므로 자세한 설명을 명심하십시오. 지금까지 시도한 JS/jQuery 코드도 추가하십시오. –

, 당신도 분리 추출에 석회질을 할 수있는 적절한 수를 확인한 다음에 다시 가입 할 수 있습니다 .. 아래

은 예입니다.

개인적으로 다른 번호도 저장합니다. 어쩌면 데이터 속성을 사용할 수도 있습니다.

$('button').click(function() { 
 
    $('.number').each(function() { 
 
    var num = $(this), 
 
     splits = num.html().split('&nbsp;'), 
 
     splits2 = splits[1].split(':'), 
 
     val = (Math.round((splits[0] + splits2[0]) * 1.05)).toString(); 
 
    splits[0] = val.substring(0,val.length-3); 
 
    splits2[0] = val.substr(-3,3); 
 
    splits[1] = splits2.join(':'); 
 
    num.html(splits.join('&nbsp;')); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<em class="number">13&nbsp;616:-&nbsp;<span class="status"></span></em><br/> 
 
<em class="number">12&nbsp;216:-&nbsp;<span class="status"></span></em><br/> 
 
<em class="number">15&nbsp;002:-&nbsp;<span class="status"></span></em> 
 

 

 

 
<button>Raise 5%</button>

출처

2016-11-17 11:26:10 Keith

이것은 위대한 작품 - Unfortunaly 내가 변경해야 할 같은 클래스와 여러 요소가 있습니다. 어떻게 든 .each 문에서 이것을 감쌀 수 있습니까? – Xeptor

예, 여러 번 업데이트했습니다. – Keith

감사합니다. - 사실 jus는 당신이했던 것과 같은 방식으로 작동하도록했습니다 - 감사합니다! – Xeptor

당신이 <span id="myNumber"> 내에서 동적으로 업데이트하고 당신이 원하는대로 항상이 span의 내용을 교체 할 필요가 번호를 넣습니다.
span 태그는 디자인에 영향을주지 않으며 문자열의 특정 부분을 대체하는 데 도움이됩니다.
또는 대신 <label>을 사용하십시오. 가장 좋은 방법은되지 않지만

출처

2016-11-17 11:22:18 Dabbas

동적으로 백분율로 문자열 값을 변경하십시오.

답변

관련 문제