Javascript 用技术选择器包装elment的最佳方法

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

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

$（“#myDiv”）.html（
foo
bar
这是一个列表
”；

我想用“附加了技术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");
});

var-techId=。。。；
$（“#myDiv”）.html（wrap（techId，
foo
bar
这是一个列表）；
$（文档）。在（“单击”，“#”+techId+“#myList”上，函数（事件）{
警报（“单击列表”）；
});

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

---

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

您是否查看了

.wrap（）

和

.unwrap（）

，（

.wrapAll

甚至可能更合适：）。这看起来确实是个诀窍：）我应该用div、span或其他我会忘记的元素来包装吗？这取决于您，但请记住，将块元素放在内联元素中并不好（例如：……是恰当的，而……不是——好吧，它会起作用，但把事情做对总是好的；）