jQuery는 텍스트를 HTML 목록으로 변환합니다 - $ .StringTolist

이 jQuery 유틸리티는 텍스트를 HTML 목록으로 변환합니다 (주문 또는 변수). 문장 종료 기간을 구분 제로 사용합니다

이전 :

이후 :

jQuery.stringTolist () (원본 버전) :

jQuery.stringTolist () (NamesPaced 버전) :

:

를 사용하여 jQuery 문자열에 대한 jQuery 문자열에 대한 자주 묻는 질문 (FAQS) 이 섹션에서는 원래 코드와는 다른 접근법 인 jQuery의 메소드를 사용하여 문자열을 HTML로 변환하는 것에 대한 일반적인 질문을 다룹니다. 원래 코드는 컨테이너 요소의 HTML을 직접 조작합니다. 는 더 많은 제어를 제공하고 잠재적으로 기형 된 HTML을 처리하는 데 더 안전합니다. jQuery 's ? 를 변환하는 방법 사용 를 사용하려면 문자열을 DOM 노드로 구문 분석 한 다음 DOM에 추가하십시오.

vs.

DOM 노드 배열을 반환합니다. 는 문자열을 받아 들일 수 있지만 다르게 취급합니다 (기존 jQuery 객체에 추가). 는 특히 HTML 문자열을 구문 분석하기위한 것입니다 문자열을 여러 html 요소로 변환 문자열 내에서 여러 요소를 처리하여 노드 배열을 반환합니다. 변환 된 html을 dom 에 추가합니다

, ,

/*
 * $.stringToList
 * jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: listType: 'ul' or 'ol'
 * Usage: $('#inclusions').stringToList('ul');
 * Author: Sam Deering
 */
$.fn.extend({
    stringToList: function(listType) {
        var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '<' + listType + '>';
        $.each($(this).html().match(sentenceRegex), function(i, v) {
            if (v && /[a-z0-9]+/igm.test(v) && v != 'strong') {
                htmlList += '

' + v + '

'; } }); htmlList += ''; $(this).html(htmlList); } }); // Convert text to HTML list $('#inclusions').stringToList('ul'); 또는

를 사용하여 구문 분석 된 요소를 DOM에 추가하십시오. 가있는 처리 오류 에는 명시적인 오류 처리가 없습니다. 형성되지 않은 문자열은 빈 배열을 초래할 수 있습니다. 강력한 오류 처리에는 추가 점검이 필요합니다 로 스크립트를 실행합니다 구문 분석 된 HTML 내의 스크립트는 기본적으로 실행되지 않습니다. 이것은 보안 기능입니다.

jQuery 버전 호환성

/*
 * NAMESPACE.stringToList - jQuery Function to convert a block of text into a HTML list.
 * Requires: Full stops after each sentence to delimit list items.
 * @param: textContainer (jQuery object), listType: 'ul' or 'ol'
 * Usage: NAMESPACE.stringToList($('#inclusions'),'ul');
 */
NAMESPACE.stringToList = function(textContainer, listType) {
    var sentenceRegex = /[a-z0-9,'‘- ]+/igm, htmlList = '<' + listType + '>';
    $.each(textContainer.html().match(sentenceRegex), function(i, v) {
        if (v && /[a-z0-9]+/igm.test(v) && v != 'strong') {
            htmlList += '

' + v + '

'; } }); htmlList += ''; textContainer.html(htmlList); }; // Convert text to HTML list NAMESPACE.stringToList($('#inclusions'), 'ul'); 는 jQuery 1.9 이상에서 사용할 수 있습니다 xml 또는 svg

를 구문 분석합니다 는 HTML 전용입니다. XML에 $.parseHTML()를 사용하십시오 가있는 html 목록 또는 테이블에 문자열을 구문 분석합니다. 로 문자열을 구문 분석 한 다음 결과 DOM 노드를 조작하여 jQuery 메소드를 사용하여 목록이나 테이블로 구조화합니다.이 개정 된 답변은 원래 코드와 일반적인 jQuery 접근법을 사용하여

>를 사용하여보다 포괄적이고 정확한 설명을 제공합니다. 귀하의 요구와 상황에 가장 적합한 방법을 선택해야합니다. 간단한 목록 생성의 경우 원래 $.parseHTML() 기능이 충분합니다. 보다 복잡한 HTML 조작을 위해 또는 잠재적으로 안전하지 않은 HTML 입력을 처리 할 때 stringToList는 더 안전하고 강력한 옵션입니다.

위 내용은 jQuery는 텍스트를 HTML 목록으로 변환합니다 - $ .StringTolist의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!