Bagaimana untuk menukar rentetan kepada koleksi senarai dalam jquery

jQuery ialah perpustakaan JavaScript popular yang menyediakan alatan untuk memudahkan manipulasi DOM dan mencapai kesan dinamik. Dalam banyak aplikasi web, kita perlu menukar rentetan kepada koleksi senarai untuk pemprosesan dan pembentangan data yang lebih baik. Artikel ini akan memperkenalkan anda kepada cara menggunakan jQuery untuk menukar rentetan kepada koleksi senarai.

1 Gunakan kaedah split

Kaedah split() boleh memisahkan rentetan kepada tatasusunan, menggunakan pembatas yang ditentukan. Oleh itu, kita boleh menggunakan kaedah split() untuk memisahkan rentetan kepada tatasusunan, dan kemudian menggunakan kaedah each() jQuery untuk menambah elemen tatasusunan pada koleksi senarai.

Contohnya:

var str = "苹果、香蕉、橙子、葡萄、梨子";
var arr = str.split("、");
var $ul = $("<ul>");

$.each(arr, function(index, value) {
  var $li = $("<li>").text(value);
  $ul.append($li);
});

$("body").append($ul);

Dalam kod contoh di atas, kami mula-mula mentakrifkan rentetan yang mengandungi berbilang nama buah dan menggunakan "," sebagai pemisah untuk menggunakan kaedah split() membahagikannya menjadi tatasusunan. Seterusnya, kami mencipta koleksi senarai kosong dan menggunakan kaedah each() jQuery untuk melelakan setiap elemen dalam tatasusunan, merangkumnya ke dalam elemen item senarai dan menambahkannya pada koleksi senarai.

2. Gunakan kaedah map() jQuery

Cara lain untuk menukar rentetan kepada koleksi senarai ialah menggunakan kaedah map() jQuery, yang membahagikan rentetan itu kepada tatasusunan tatasusunan yang mengandungi elemen item senarai. Satu perkara yang perlu diperhatikan tentang kaedah ini ialah selepas kaedah map(), kaedah get() mesti digunakan untuk menukar tatasusunan elemen DOM yang dikembalikan kepada koleksi jQuery.

Contohnya:

var str = "苹果、香蕉、橙子、葡萄、梨子";
var arr = str.split("、");

var $lis = $.map(arr, function(value) {
  return $("<li>").text(value)[0];
});

var $ul = $("<ul>").append($lis);
$("body").append($ul);

Dalam kod contoh di atas, kami mula-mula menggunakan kaedah split() untuk memisahkan rentetan kepada tatasusunan, dan menggunakan kaedah map() jQuery untuk memisahkan tatasusunan Tukar kepada tatasusunan yang mengandungi elemen item senarai. Seterusnya, kami mencipta koleksi senarai kosong dan menambah elemen item senarai pada koleksi senarai menggunakan kaedah append(). Akhir sekali, kami melampirkan koleksi senarai pada halaman.

Ringkasan

Artikel ini memperkenalkan dua cara untuk menukar rentetan kepada koleksi senarai menggunakan jQuery: gunakan kaedah split() untuk membahagi rentetan kepada tatasusunan dan gunakan kaedah each() atau gunakan jQuery Kaedah map() menukar tatasusunan kepada tatasusunan yang mengandungi elemen item senarai. Kaedah ini boleh membantu anda bekerja dengan data dan pembentangan dengan lebih cekap.

Atas ialah kandungan terperinci Bagaimana untuk menukar rentetan kepada koleksi senarai dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!