var htmlString = '<div class="container"><p>Hello World</p></div>';
var $elements = $(htmlString);

var htmlString = '<div>Test</div>';
var parsedElements = $.parseHTML(htmlString);

var htmlStr = '<ul><li>Item 1</li><li>Item 2</li></ul>';
var $ul = $(htmlStr);

// 添加到DOM中
$('body').append($ul);

// 操作解析后的元素
$ul.find('li').css('color', 'red');

var htmlStr = '<div><span>Content</span><script>alert("xss")</script></div>';
var parsed = $.parseHTML(htmlStr, document, true); // 第三个参数为true表示保持脚本

// 遍历解析后的节点
$(parsed).each(function() {
    if (this.nodeType === 1) { // 元素节点
        console.log(this.tagName + ': ' + $(this).text());
    }
});

var complexHtml = `
    <div class="profile">
        <h2>User Profile</h2>
        <div class="details">
            <p>Name: <span class="name">John Doe</span></p>
            <p>Email: <span class="email">john@example.com</span></p>
        </div>
    </div>
`;

var $profile = $(complexHtml);
var name = $profile.find('.name').text();
var email = $profile.find('.email').text();

console.log('Name:', name);
console.log('Email:', email);

// 使用parseHTML并设置keepScripts为true
var parsedWithScripts = $.parseHTML(htmlString, document, true);

// 解析后手动绑定事件
var $button = $('<button>Click me</button>');
$button.on('click', function() {
    alert('Button clicked!');
});

// 使用text()方法设置内容
var $div = $('<div></div>').text('<script>alert("xss")</script>');