2016-09-19 39 views
1

特定のdivクラスの値を取得し、500を減算して別のdivに値を取り込みます。他のdivから値を取得し、別のdivをjQueryで取得します。

私は、他のdivに減算の結果を入力するためにどのような処理が必要なのかよくわかりません。これまでのところ

<div class="main-value">5000</div> 
<!-- main-value - 500--> 
<div class="new-value"></div> 

//Script 
var main = $(".main-value"); 
main.html(parseInt(main.html()) - 500).appendTo($(".new-value")); 

、減算仕事が、私はそれは空のdivに更新された値を追加し、そのままオリジナルのものを手にすることはできません。

このような何か。

答えて

1

このため、要素を複製する必要があります。それ以外の場合は、元の要素を更新して追加することがあります。演算は減算であるため、文字列の解析はオプションです。

var main = $(".main-value"); 
 
main.clone().text(main.text() - 500).appendTo($(".new-value")); 
 
//----^^^^----- clone the element
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main-value">5000</div> 
 
<!-- main-value - 500--> 
 
<div class="new-value"></div>


あなたはちょうどそのようにそれを行うnew-valueクラスで結果を表示したい場合。 2に

var main = $(".main-value"); 
 
// update the text content in `new-value` div 
 
$(".new-value").text(main.html() - 500);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="main-value">5000</div> 
 
<!-- main-value - 500--> 
 
<div class="new-value"></div>

+0

私はクローンルートをダウンしていましたが、これは完全に機能します。私のロジックを整理できるように助けてくれてありがとう! – ultraloveninja

+0

@ultraloveninja:喜んでお手伝いします:) –

+0

jQuery.textの更新結果を計算して元の要素を追加するソースがありますか?それは私にとって本当に悪い振る舞いのように思えます –

0

ブレイクそれを:

var main = $(".main-value"); 
mainValue = parseInt(main.html()); 
$(".new-value").html(mainValue); 
1

これを試してみてください:

var mainval = $(".main-value").text(); 
$(".new-value").text(parseInt(mainval) - 500); 

参考:http://api.jquery.com/text/

0
<!doctype html> 
<html> 
<body> 

<div class="main-value">5000</div> 
<div class="new-value"> </div> 

<script> 
var x= document.getElementsByClassName("main-value")[0].innerHTML; 
var y= document.getElementsByClassName("new-value")[0]; 
y.innerHTML= x-500; 
</script> 

</body> 
</html> 
+0

これはjqueryなしです –

+0

このスニペットは不正確な文書タイプ(doctype)を持っています。 – Striezel

関連する問題