簡體   English   中英

如何隱藏在JavaScript中的克隆元素上具有特定類的div

[英]How to hide div which has specific class on cloned element in javascript

我有兩個li(左li和右li,最初左li是空的)。 第一種情況當我單擊右li時,想要添加到左li中並需要從右中刪除。 第二種情況當我單擊要添加到同一位置上的右li並需要從左li中刪除的左li時。 我做的。

右側li上有設施名稱,帳號,地址行和任務數,但我想在左側顯示設施名稱,帳號和任務數。 當我單擊要添加到右li的左li時,其中包含設施名稱,帳號,地址行和任務計數信息。

演示: http//jsfiddle.net/qXT9Z/86/

是否可以在克隆后隱藏具有class =“ address_line”的div(僅適用於第一種情況)

有什么建議么?

您可以通過將className設置為""來清除元素中的所有類:

 element.className = ""; 

現場示例 | 現場直播

這可能會導致一個元素的class屬性為空,這可能足以滿足您的目的。 如果你真的需要它沒有class屬性的一切 ,你可以使用removeAttribute將其刪除:

 element.removeAttribute("class"); 

現場示例 | 現場直播

某些IE的較早版本存在一個錯誤,在該錯誤中,他們可能希望您將字符串"className"而不是帶有removeAttribute "class"一起使用,即使這沒有任何意義。

抱歉 ,您說您正在使用jQuery,不是嗎? 上面的jQuery版本是:

只需刪除該類(可能離開其他人)即可:

 elementWrapper.removeClass("address_line"); 

現場示例 | 現場直播

通過jQuery的removeAttr完全刪除屬性:

 elementWrapper.removeAttr("class"); 

現場示例 | 現場直播

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM