一般開發如果包括左右兩部分，左邊的操作後，連動載入右邊的資訊，採用iframe，但是不利於控制樣式，本次發現了一個新的方式，跟大家分享一下
工具/原料
jQuery
javascript
方法/步驟
這個一個組織機構樹和對應的資訊tab頁，在選單樹上選擇後要更新tab，這兩部分並沒有採用iframe，是用div寫了樹和tab兩部分。
發現的問題是：選擇第三個tab後，點樹上的節點，tab不會自動跳轉到第一個tab，因為沒有重新整理，如果用的是iframe，重新載入即可，不會出現這個問題，但是我用的是div，怎麼解決這個問題呢？
我的解決方法是，清空tab頁的html，然後重新載入這部分的html，這個問題就解決了，需要注意的重新載入html後要重新載入tab的onclick事件。這一步操作跟iframe重新載入是一樣的效果。
這裡執行了兩個方法：
$("#tabs").empty();
empty() 方法從被選元素移除所有內容，包括所有文字和子節點
$("#tabs").prepend(str);
prepend() 方法在被選元素的開頭插入內容
具體的方法建議大家參考w3school
前臺jsp就比較簡單，只需要給需要重新載入的div增加id屬性就可以了，主要操作都在js裡面。
注意事項
新增新元素/內容的方法有多個，不一定非要用prepend()