Question

我正在尝试根据点击功能更改div的HTML内容。问题是我的脚本打印名称而不是HTML内容。有什么想法吗？

这是我到目前为止所做的：

var fragment_1 = $('#fragment_1').html();
var fragment_2 = $('#fragment_2').html();
var fragment_3 = $('#fragment_3').html();
var counter = 1;

$("#main").html(fragment_1);

$("#videre").click(stageChange);

function stageChange(){

    counter ++;

    $("#main").html('fragment_' + counter);

};

Answer 1

您可以通过fragment_对象（假设这些变量是全局的）引用您的window n 变量，方法是将'fragment_' + counter传递给方括号：

$("#main").html(window['fragment_' + counter]);

这引用了属于fragment_的{{1}} n 变量。

Answer 2

尝试：

var i,
  count = 3,
  prefix = 'fragment_',
  fragmentMap = {},
  counter = 1;

for ( i = count; i > 0; i-- ) {
  fragmentMap[ i ] = $( '#'+ prefix + i ).html();
}

$("#main").html(fragmentMap[ counter ]);

$("#videre").click(stageChange);

function stageChange(){

    $("#main").html(fragmentMap[ ++counter ]);

};

使用jQuery动态更改内容

2 个答案: