Tukar nilai atribut jquery kepada nombor

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang membantu pembangun memanipulasi dokumen HTML dengan lebih mudah, mengendalikan acara, mencipta animasi dan interaktiviti serta banyak lagi. Apabila menggunakan jQuery, anda selalunya perlu menukar nilai atribut kepada nombor dalam kod pemprosesan, jadi artikel ini akan memperkenalkan beberapa kaedah biasa untuk mencapai operasi ini.

1. Gunakan fungsi parseInt()

parseInt() ialah fungsi terbina dalam JavaScript yang boleh menukar rentetan kepada integer. Nilai atribut yang diperolehi melalui jQuery biasanya jenis rentetan, yang perlu ditukar kepada jenis angka semasa mengira. Anda boleh menukar rentetan kepada jenis angka menggunakan kaedah parseInt(). Contohnya, jika kita perlu menukar nilai atribut lebar elemen kepada nombor, kita boleh menggunakan kod berikut:

var width = parseInt($("#element").css("width"), 10);

Dalam contoh ini, $("#element").css("width" ) akan mengembalikan rentetan, fungsi parseInt() akan menghuraikannya menjadi nombor, dan parameter kedua 10 bermaksud menggunakan tatatanda perpuluhan. Hasilnya akan diberikan kepada lebar pembolehubah.

Walau bagaimanapun, perlu diingatkan bahawa jika nilai atribut bukan nombor yang sah, parseInt() akan mengembalikan NaN (bukan nombor). Untuk mengelakkan situasi sedemikian, adalah disyorkan untuk menggunakan isNaN() dahulu untuk menyemak hasil yang dikembalikan, contohnya:

var width = parseInt($("#element").css("width"), 10);
if(isNaN(width)){
  console.log("无效的属性值");
} else {
  console.log(width);
}

2. Gunakan fungsi parseFloat()

Selain parseInt (), terdapat fungsi yang sama ialah parseFloat(), yang menukar rentetan kepada nombor titik terapung. Jika nilai sifat ialah rentetan yang mengandungi perpuluhan, anda boleh menggunakannya untuk menghuraikannya menjadi nombor. Contohnya:

var height = parseFloat($("#element").css("height"), 10);

Dalam contoh ini, fungsi parseInt() digantikan dengan fungsi parseFloat() dan selebihnya adalah sama.

3. Gunakan fungsi Number()

Fungsi Number() ialah cara lain untuk menukar rentetan kepada nombor Tidak seperti parseInt() dan parseFloat(), ia boleh mengendalikan String aksara nombor sebelum dan selepas titik perpuluhan. Contohnya:

var opacity = Number($("#element").css("opacity"));

4. Gunakan tanda tambah (+)

Dalam JavaScript, apabila menambah rentetan dan nombor, rentetan itu akan ditukar kepada jenis angka dahulu, dan kemudian pengiraan penambahan akan dilakukan. Begitu juga, anda boleh menggunakan tanda tambah (+) dalam jQuery untuk menukar nilai atribut kepada jenis angka. Contohnya:

var zindex = +($("#element").css("z-index"));

Dalam contoh ini, menghantar nilai atribut kepada tanda tambah (+) akan menukarnya kepada jenis angka secara automatik. Hasilnya akan diberikan kepada zindex pembolehubah.

Ringkasan

Dalam artikel ini, kami memperkenalkan beberapa kaedah untuk menukar nilai atribut jQuery kepada jenis angka. Gunakan parseInt() dan parseFloat() untuk menukar nombor rentetan, dan gunakan fungsi Number() untuk mengendalikan rentetan yang mengandungi titik perpuluhan. Di samping itu, nilai atribut juga boleh ditukar secara automatik kepada jenis angka menggunakan tanda tambah (+). Mengikut situasi dan keperluan sebenar, adalah sangat penting untuk memilih kaedah yang sesuai untuk menukar nilai atribut.

Atas ialah kandungan terperinci Tukar nilai atribut jquery kepada nombor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!