Wie vergleiche ich Größen in JQuery? 5 Methoden vorgestellt

In jQuery gibt es mehrere Möglichkeiten, Größen zu vergleichen. Im Folgenden sind einige der Methoden aufgeführt:

1. .val() ruft den Wert des Elements ab und verwendet dann parseFloat() oder parseInt(), um ihn zum Vergleich in eine Zahl umzuwandeln.

var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
if(num1 > num2){
    //...
}

2. Verwenden Sie zum Vergleich bedingte Operatoren.

var num1 = $('#input1').val();
var num2 = $('#input2').val();
num1 > num2 ? console.log(num1 + " > " + num2) : console.log(num1 + " < " + num2);

3. Verwenden Sie if/else-Anweisungen zum Vergleich.

var num1 = parseFloat($('#input1').val());
var num2 = parseFloat($('#input2').val());
if(num1 > num2){
    console.log(num1 + " > " + num2);
} else {
    console.log(num1 + " < " + num2);
}

4. Verwenden Sie die Methode $.each() in jQuery, um die Größen aller Elemente in einer Sammlung zu vergleichen.

var numArr = [];
$('input').each(function(index){
  numArr.push(parseFloat($(this).val()));
});
var max = Math.max.apply(null, numArr);
var min = Math.min.apply(null, numArr);
console.log("Max:" + max + " Min:" + min);

5. Verwenden Sie die Methode $.map() in jQuery, um die Elemente in der Sammlung in Zahlen umzuwandeln und sie dann zu vergleichen.

var numArr = $('input').map(function(index, elem){
  return parseFloat($(elem).val());
});
var max = Math.max.apply(null, numArr);
var min = Math.min.apply(null, numArr);
console.log("Max:" + max + " Min:" + min);

Zusammenfassend lässt sich sagen, dass es in jQuery viele Möglichkeiten gibt, Größen zu vergleichen, und Entwickler können je nach Situation die Methode auswählen, die am besten zu ihnen passt.

Das obige ist der detaillierte Inhalt vonWie vergleiche ich Größen in JQuery? 5 Methoden vorgestellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!