removeClass＆addClass jQuery

Question

我對jquery比較陌生，請嘗試解決以下問題

我想建立一個樹形圖，參見。

單擊第一個類別中的項目時，會彈出第二個類別（在div＃category_2中）。 第三類相同。 隨后每次對類別1或2的單擊都應刪除附加的第二和第三項，並從第二和第三類別中附加所選的項。

這是我在類別3（= subMenu2）中打開項目的示例所嘗試的：

 function makeType(subMenu2, root) { if (typeof root === 'undefined') { root = $('#category_3'); } var ul = $("<ul></ul>"); if (root.children().length > 0) { root.removeClass(ul) } root.append(ul); for (var k = 0; k < subMenu2.length; k++) { var li = $("<li class='category-selection-list-item is-subleaf'></li>"); ul.append(li); var a = $("<a href='#' data-param='" + array[array_i].subMenu[submenu_i].subMenu2[k].param + "'>" + array[array_i].subMenu[submenu_i].subMenu2[k].type + "</a>"); li.append(a); console.log(k); } } 

盡管removeClass元素停止添加其他項，但是它不會刪除以前添加的項。 我試圖在論壇中找到合適的答案，但這沒有幫助。 那么，如何解決此問題？

Answer 1

要刪除先前添加的項目，您需要清空root 。

if (root.children().length > 0) {
    root.removeClass('ul');
    root.empty();
}

Answer 2

addClass("className") 
removeClass("className")

如果要隱藏某個節點，請使用以下命令：

 $("#someNode").hide()