jquery - 如何仅克隆多个嵌套元素之一

Question

如何确定我正在克隆的 div 是否具有多个具有特定类的子 div，如果是，则仅克隆其中一个。

假设克隆的div是.diseaseCon，子div是.symptomCon，在克隆操作中，如何检测是否有多个.symptomCon div，如果有则只克隆一个？

Answer 1

例如找到第一个 .diseaseCon 并克隆它，也只克隆第一个 .symptomCon (实际上我删除了除第一个之外的所有 .symptomCon ，但这相当于相同)

$('.diseaseCon').clone().find(".symptomCon:not(:first)").remove();

如果你想克隆它，例如然后将其附加到正文中或者使用

$('.diseaseCon').clone().find(".symptomCon:not(:first)").remove().end().appendTo("body");

或

$('.diseaseCon').clone().appendTo("body").find(".symptomCon:not(:first)").remove();

取决于您更喜欢的语法(其中第一个语法应该更快，因为所有操作都在片段上完成，然后才修改 dom

您也可以将 :not(:first) 替换为 :gt(0)。或者，如果您想保留另一个症状，但首先使用 :not(:eq(X))，其中 X 是您要保留的症状的索引