Question

我有一个功能：

jQuery(function($) {
var scntDiv = $('#textfields');
var i = $('#textfields p').size() + 2;
var a = 0;
$('#addbutton').click (function() {
$('<p><input type="text" id="test_testbutton" name="test_testbutton[a][0]" value="" placeholder="Input Value" /><input type="text" id="test_testbutton" name="test_testbutton[a][1]" value="" placeholder="Input Value" /><a href="#" id="removebutton">Remove</a></p>').appendTo(scntDiv);
                i++;
        a++;
                return false;
        });

$('#removebutton').live('click',function() { 
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});

我想要实现的目标是制作＆test; test_testbutton [a] [0]＆＃39; a＆＃39; test_testbutton [0] [0]，test_testbutton [1] [0]，test_testbutton [2] [0] ... etc＆＃39;每次迭代。你可能会笑，但我从今天早上开始搜索有关它的任何信息，我无法找到确切的例子。当我＆＃34; console.log＆＃34;变量一切都很完美，但我不知道如何将变量放在HTML中......

Answer 1

只需将值连接到字符串中就像这样：

'<p><input type="text" id="test_testbutton" name="test_testbutton['+a+'][0]" value="" placeholder="Input Value" /><input type="text" id="test_testbutton" name="test_testbutton['+a+'][1]" value="" placeholder="Input Value" /><a href="#" id="removebutton">Remove</a></p>'

如何将迭代变量放在jQuery函数中的HTML中？

1 个答案: