Jreteryでの返信

Question

私はそれを9に出そうとしていますが、それは未定義となります。直し方？はい、私はちょうど "9"を追加することができますが、私はJqueryで非常に基本的な数学を行う方法を学ぼうとしています、あなたは私にその機能を通してそれを行う方法を教えてくれますか？

Answer 1

var john = 5; 
$('#he').append('<h1>' + (john + 4) + '</h1>'); 

Answer 2

さて、あなたはここで

var john= 5 
 

 
$(document).ready(function(){ 
 
    $('#he').append("<h1>" + (john + 4) + "</h1>") 
 
})

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

Answer 3

ようなものを使用することができます

var john = 5; 
 

 
$(document).ready(function(){ 
 
    $('#he').append(`<h1>${john + 4}</h1>`); 
 
})

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

これはあなたを助けることを願っています。

Answer 4

あなたはもう一つの解決策はES6を使用して行く、ちょうどこのようにコードを変更

var john= 5 

$(document).ready(function(){ 
    $('#he').append("<h1>" + (john + 4) + "</h1>") 
}) 

Answer 5

その他の答えが示すとおり、returnプロパティを使用して、表示可能な式を評価して計算する簡単な演算の結果を表示することはほとんどありません。それにもかかわらず、idが "he"のdiv要素を仮定すると、returnプロパティを利用できるアプローチがいくつかあります。値が未定義だった場合を除き、この イベントによってトリガされたイベントハンドラによって返さ

最後の値：一つは、特に価値あるevent objectのプロパティを使用することができます。次のように

一つは、このプロパティを組み込むことができる：

var john = 5; 
 

 
$(document).ready(function(){ 
 

 
    $("button").click(function(event) { 
 
     return john + 4; 
 
    }); 
 

 
    $("button").click(function(event) { 
 
     $("#he").append("<h1>" + event.result + "</h1>"); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p>john + 4 equals?</p> 
 
<button>Display Result</button> 
 
<div id="he"></div>

は

あなたがすることができるもう一つの興味深いのは、要素に、そのようなプロパティを割り当てた後、テキスト値のためにそれを使用する必要開いたタグと閉じたタグのペアは、次のようになります。

var john = 5; 

$(document).ready(function(){ 
    $("#he").prop("return", john + 4); 
    $("#he").append("<h1>" + $("#he").prop("return") + "</h1>"); 

}); 

を参照してくださいlive code