2011-09-15 42 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。

相關問題