Bagaimana untuk membandingkan saiz dalam jquery? 5 kaedah diperkenalkan

Dalam jQuery, terdapat banyak cara untuk membandingkan saiz. Berikut ialah beberapa kaedah:

1. .val() mendapat nilai elemen, dan kemudian menggunakan parseFloat() atau parseInt() untuk menukarnya kepada nombor sebagai perbandingan.

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

2. Gunakan operator bersyarat untuk perbandingan.

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

3. Gunakan pernyataan if/else sebagai perbandingan.

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

4. Gunakan kaedah $.each() dalam jQuery untuk membandingkan saiz semua elemen dalam koleksi.

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. Gunakan kaedah $.map() dalam jQuery untuk menukar elemen dalam koleksi kepada nombor dan kemudian membandingkannya.

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);

Ringkasnya, terdapat banyak cara untuk membandingkan saiz dalam jQuery, dan pembangun boleh memilih kaedah yang paling sesuai untuk mereka mengikut situasi tertentu.

Atas ialah kandungan terperinci Bagaimana untuk membandingkan saiz dalam jquery? 5 kaedah diperkenalkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!