2011-09-15 43 views
1

我有一个元素,当拖到另一个元素被克隆的地方,我有两个元素具有相同的ID等,但父母是不同的,我如何设置一些样式或任何东西对克隆的元素,但不影响旧的一个,从巫婆我克隆。而每一次的class和id是一样的,只是不同的父。如何使用某个父元素

+0

我们可以看到你的克隆代码吗? – frosty

+0

你不应该创建具有相同ID的多个HTML元素。这是无效的HTML,由不同的浏览器处理不同。 – nnnnnn

+0

具有相同ID的两个元素是可怕的做法。您应该找到一种方法在重复时更改ID。 – n00dle

回答

3

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

.header { 
    color:red; 
} 

你会使用

#someParentId .header { 
    color:red; 
} 

或使用jQuery

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

而且,正如一个侧面说明,尽量不要与IDS克隆节点。一个id应该是唯一的。

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

当你说不同的父母,我会认为它的ID或其类别不同。

假设原始元素和克隆元素都具有类class1,为了下面的示例。

1.如果你的父母通过他们不同的ID:ID1和ID2

为了区分原始和克隆元素的造型,你会在你的CSS,包括:

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

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

这会导致具有红色和绿色的背景颜色的原始和克隆元件,这取决于该父(或id1id2),每个驻留下。

2.如果父母在他们班是不同的:class11和class12

为了区分原始和克隆元素的造型,你会在你的CSS,包括:

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

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

这将再次导致具有红色和绿色背景颜色的原始和克隆元素,这取决于每个父母(class11class12)各自驻留在哪个父母。

0

不要使用这么多的ID。尽量不要用一个id克隆的任何元素。如果你这样做,直到添加到文档中才会被中止,因此只要创建克隆即可删除旧的ID。

相关问题