jquery에서 문자열을 목록 컬렉션으로 변환하는 방법

jQuery는 DOM 조작을 단순화하고 동적 효과를 얻을 수 있는 도구를 제공하는 인기 있는 JavaScript 라이브러리입니다. 많은 웹 애플리케이션에서는 더 나은 데이터 처리 및 표현을 위해 문자열을 목록 컬렉션으로 변환해야 합니다. 이 기사에서는 jQuery를 사용하여 문자열을 목록 컬렉션으로 변환하는 방법을 소개합니다.

1. 분할 메서드를 사용하세요

split() 메서드는 지정된 구분 기호를 사용하여 문자열을 배열로 분할할 수 있습니다. 따라서 우리는 문자열을 배열로 분할하기 위해 Split() 메소드를 사용할 수 있으며, 그런 다음 jQuery의 Each() 메소드를 사용하여 배열 요소를 목록 컬렉션에 추가할 수 있습니다.

예:

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

위의 예제 코드에서는 먼저 여러 과일 이름이 포함된 문자열을 정의하고 ","를 구분 기호로 사용하여 분할() 메서드를 사용하여 배열로 분할합니다. 다음으로, 빈 목록 컬렉션을 만들고 jQuery의 Each() 메서드를 사용하여 배열의 각 요소를 반복하고 이를 목록 항목 요소로 캡슐화한 다음 목록 컬렉션에 추가합니다.

2. jQuery의 map() 메서드를 사용하세요

문자열을 목록 컬렉션으로 변환하는 또 다른 방법은 문자열을 배열로 분할하고 목록 항목 배열이 포함된 배열을 반환하는 jQuery의 map() 메서드를 사용하는 것입니다. 이 메서드에 대해 주목해야 할 한 가지는 map() 메서드 다음에 get() 메서드를 사용하여 반환된 DOM 요소 배열을 다시 jQuery 컬렉션으로 변환해야 한다는 것입니다.

예:

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

위 예제 코드에서는 먼저 분할() 메서드를 사용하여 문자열을 배열로 분할하고 jQuery의 map() 메서드를 사용하여 배열을 목록 항목 요소를 포함하는 배열로 변환합니다. 다음으로, 빈 목록 컬렉션을 만들고 add() 메서드를 사용하여 목록 항목 요소를 목록 컬렉션에 추가합니다. 마지막으로 목록 컬렉션을 페이지에 첨부합니다.

Summary

이 글에서는 jQuery를 사용하여 문자열을 목록 모음으로 변환하는 두 가지 방법을 소개합니다. 분할() 메서드를 사용하여 문자열을 배열로 분할하는 방법과 Each() 메서드를 사용하는 방법, 또는 jQuery의 map() 메서드를 사용하는 방법입니다. 배열 변환은 목록 항목을 포함하는 배열입니다. 이러한 방법을 사용하면 데이터 및 프레젠테이션을 보다 효율적으로 작업할 수 있습니다.

위 내용은 jquery에서 문자열을 목록 컬렉션으로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!