Jquery Math mit .return

Question

Ich versuche, es zu neun herauskommen, aber es kommt undefined. Wie repariert man? Ja, ich weiß, ich könnte einfach eine "9" anhängen, aber ich versuche zu lernen, wie man mit Jquery sehr einfache Mathematik macht, könntest du mir zeigen, wie man es durch die Funktion macht?

Answer 1

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

Answer 2

Nun, könnten Sie so etwas wie

var john= 5 

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

Answer 3

einfach ändern Sie den Code dazu

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

Hier gehen Sie mit einer weiteren Lösung mit ES6 verwenden

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>

Hope this Ihnen helfen.

Answer 5

Wie die anderen Antworten zeigen, ist es größtenteils unnötig, eine return -Eigenschaft zu verwenden, um das Ergebnis einer einfachen mathematischen Operation anzuzeigen, die auswertet und einen Ausdruck ergibt, der angezeigt werden kann. Unter der Annahme eines div-Elements mit einer ID von "he" gibt es jedoch ein paar Ansätze, bei denen man eine Rückgabeeigenschaft verwenden könnte. Man könnte zwar die Eigenschaft des event object deren Wert verwenden ist:

Der letzte Wert von einem Event-Handler zurückgegeben, die von diesem Ereignis ausgelöst wurde, es sei denn, der Wert nicht definiert war.

Man könnte diese Eigenschaft übernehmen, wie folgt:

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>

Eine weitere interessante Sache, die Sie tun können, beinhaltet eine solche Eigenschaft auf ein Element zuweisen und es dann für den Textwert verwenden für ein Paar offener und geschlossener h1-Tags wie folgt:

var john = 5; 

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

}); 

siehe live code