如何使用某个父母的元素

Question

我有一个元素，当拖动到另一个元素被克隆的地方时，我有两个具有相同id等的元素，但是父元素是不同的，我如何设置一些样式或其他任何克隆元素，但不影响来自克隆的女巫。而且每个类和id都是相同的，只是不同的父级。

Answer 1

您需要使用父ID来为任何属性添加前缀。例如，而不是使用

.header {
    color:red;
}

你会用

#someParentId .header {
    color:red;
}

或使用jQuery

$("#someParentId .header").css({color:"red"});

就像旁注一样，尽量不要使用id克隆节点。 id应该是唯一的。

Answer 2

$('#id_of_different_parent').find('.cloned_class')

Answer 3

当你说不同的父母时，我会假设它的ID或其类别不同。

让我们说原始和克隆元素都有类class1，为了下面的例子。

<强> 1。如果父母的ID不同：id1和id2

要区分原始克隆元素的样式，必须包含在CSS中：

#id1 .class1
{
    background-color: red;
}

#id2 .class1
{
    background-color: green;
}

这将导致原始和克隆元素具有红色和绿色背景颜色，具体取决于每个父级（id1或id2）所在的位置。

<强> 2。如果父母的班级不同：class11和class12

要区分原始克隆元素的样式，必须包含在CSS中：

.class11 .class1
{
    background-color: red;
}

.class12 .class1
{
    background-color: green;
}

这将再次导致原始和克隆元素具有红色和绿色背景颜色，具体取决于每个父级（class11或class12）所在的位置。

Answer 4

不要使用这么多id。尽量不要克隆任何带有id的元素。如果这样做，它会被删除，直到添加到文档中，因此在您进行克隆后立即删除旧ID。