如何从存储的html中添加/删除值

时间:2014-12-26 15:16:32

标签: javascript jquery html

根据用户导航到页面,我想显示适当的侧栏。所以我基本上得到了html侧栏并且放空了。

我正在将sidebar存储到对象中。在我添加到对象之前,我想在侧栏添加一个id。我正在努力,但没有工作;

这是我的尝试:

var ob = {};

var catcheBars = {};
var sidebar = $('div.sidebar');
var catchedBar = sidebar;
sidebar.empty();

for(i=1; i <= 5; i++) {
    if(!ob.hasOwnProperty(i+'page')) {
        ob[i+'page'] = catchedBar;
        console.log($(ob[i+'page']).find('button').addClass('sidebar'+i)); //not able to add class
    }
}

$("#sideBar").html(ob['1page']); //nothing append to live..

console.log(ob);

我的尝试不起作用。当我犯错误,或者什么是正确的方法? 提前谢谢

更新

Live Demo

1 个答案:

答案 0 :(得分:0)

我删除了empty()功能。它工作正常。 这是他更新的结果

var ob = {};

var catcheBars = {};
var sidebar = $('div.sidebar');
var catchedBar = sidebar;

for(i=1; i <= 5; i++) {
    if(!ob.hasOwnProperty(i+'page')) {
        ob[i+'page'] = catchedBar;
        console.log($(ob[i+'page']).find('button').addClass('sidebar'+i)); //not able to add class
    }
}

$("#sideBar").html(ob['1page']); //nothing append to live..

console.log(ob);