Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 连接包含HTML的字符串不';我不能正常工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript 连接包含HTML的字符串不';我不能正常工作

Javascript 连接包含HTML的字符串不';我不能正常工作,javascript,jquery,html,Javascript,Jquery,Html,基本上这里有一行代码(jquery/javascript): $(“选项”+(i+1)+“输入文本”).appendTo(“#容器”); i的工作原理与上述代码相同。我想要的是在这里包含I的值: name=“checks['+i+']” 但它似乎不喜欢把这一点浓缩起来。我对这一内容有点困惑,因此如果有人能向我解释,我将不胜感激。没有问题。 要使其更易于读取/调试,请尝试 var html = '<label>Option ' + (i + 1) + '<span clas

基本上这里有一行代码(jquery/javascript):

$(“选项”+(i+1)+“输入文本”).appendTo(“#容器”);
i
的工作原理与上述代码相同。我想要的是在这里包含
I
的值:

name=“checks['+i+']”

但它似乎不喜欢把这一点浓缩起来。我对这一内容有点困惑,因此如果有人能向我解释,我将不胜感激。

没有问题。 要使其更易于读取/调试,请尝试

  var html = '<label>Option ' + (i + 1) + '<span class="small">Enter text</span></label>'+
 '<input type="text" name="option['+i+']">'+
 '<input class="extra" type="checkbox" name="checks['+i+']" value="'+i+'">'
 $(html).appendTo('#container'); 
var html='Option'+(i+1)+'entertext'+
''+
''
$(html).appendTo(“#container”);
它工作正常

检查
复选框
显示此输出:

<input class="extra" type="checkbox" name="checks[0]" value="0">


尝试从JSFIDLE中复制并粘贴该行,看看是否有效…

我在JSFIDLE中尝试了上述代码,但没有遇到任何问题

for(i = 0 ; i < 2; i++){
var html = '<label>Option ' + (i + 1) + '<span class="small">Enter text</span></label>'+
 '<input type="text" name="option['+i+']">'+
 '<input class="extra" type="checkbox" name="checks['+i+']" value="'+i+'">';
alert(html)
   }
(i=0;i<2;i++)的
{
var html='选项'+(i+1)+'输入文本'+
''+
'';
警报(html)
}

尝试使用parseInt…也可以详细说明您的问题。

将html文本保留为数组元素,这样更易于阅读和维护。还有可能更快的连接

var htmlText = [
    '<label>Option ' + (i + 1) + '<span class="small">Enter text</span></label>',
    '<input type="text" name="option[]">',
    '<input class="extra" type="checkbox" name="checks[' + i + ']" value=' + i + '>'
    ].join("");
var htmlText=[
'选项'+(i+1)+'输入文本',
'',
''
].加入(“”);

它在HTML中显示了什么?什么是“不起作用”呢?它一定能用。它似乎不包含以下内容:
name=“checks['+i+']”
我看不出有任何问题。你能解释一下吗?那么你得到了什么,而不是
检查[0]
检查[1]
,等等。
var htmlText = [
    '<label>Option ' + (i + 1) + '<span class="small">Enter text</span></label>',
    '<input type="text" name="option[]">',
    '<input class="extra" type="checkbox" name="checks[' + i + ']" value=' + i + '>'
    ].join("");