javascript - 将元素包装在技术选择器中的最佳方法

Question

在一个项目中，我经常通过添加/替换 HTML 字符串中的元素来操作 DOM：

$("#myDiv").html("<ul><li>foo</li><li>bar</li></ul><p>This is a list</p>");

我想将它们包装在“附加技术 id 的东西”中，以便我的 jQuery 选择器可以针对页面的这些特定片段。

类似的东西：

var techId = ...; 
$("#myDiv").html(wrap(techId, "<ul id="myList"><li>foo</li><li>bar</li></ul><p>This is a list</p>"));
$(document).on("click", "#"+techId+" #myList", function(event){
    alert("List clicked");
});

知道包装器在任何情况下都不会对页面产生任何视觉影响，“包装”功能的内容应该是什么。

在包装器上调用 .remove() 应该删除被包装的元素，但应该有一种方法可以在不修改内部元素的情况下删除包装器（以破坏选择器为代价）。