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

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

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

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