不能将动态变量添加到动态表中

您可以看看这段代码，并让我知道为什么我无法将variable添加到表格中吗？不能将动态变量添加到动态表中

var variable = "app ha"; 
 
var table = '<table class="table table-striped table-bordered"><tr><td>Energy Target</td><td><span class="'+ variable +'"></span></td></tr><tr><td>Run of River Priorities:</td><td><span class="'+ variable +'"></span></td></tr><tr><td>Species:</td><td><span class="'+ variable +'"></span></td></tr><tr><td>Disturbance:</td><td><span class="'+ variable +'"></span></td></tr><tr><td>Slider:</td><td><span class="'+ variable +'"></span></td></tr></table>'; 
 

 
$("body").append(table);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

来源

2015-11-19 Behseini

有几个空''标签，所有与'类= “应用程序哈”'，就像会从上面的代码可以预期的。你认为会发生什么？ –

你是什么意思？您正在使用'variable'来设置'span'元素的类别。 –

天啊！我正在做一个愚蠢的错误家伙！这是假设是跨班标签不是在课堂上遗憾浪费你的时间！ – Behseini

你的变量succefully添加为class属性，如果你想显示它里面td的add它还里面列：

var table = '<table .... 
<tr> 
    <td>Energy Target</td> 
    <td><span class="'+ variable +'">'+ variable +'</span></td> 
</tr> 
.....</table>';

希望这有助于。

来源

2015-11-19 20:28:16

不是将变量放在span类中，而是将其添加到span标签的内部HTML中。

var variable = "app ha"; 
 
    var table = ' 
 
<table class="table table-striped table-bordered"> 
 
    <tr> 
 
    <td>Energy Target</td> 
 
    <td><span class="">'+variable+'</span></td> 
 
    </tr> 
 
    <tr> 
 
    <td>Run of River Priorities:</td> 
 
    <td><span class="">'+variable+'</span></td> 
 
    </tr> 
 
    <tr> 
 
    <td>Species:</td> 
 
    <td><span class="">'+variable+'</span></td> 
 
    </tr> 
 
    <tr> 
 
    <td>Disturbance:</td> 
 
    <td><span class="">'+variable+'</span></td> 
 
    </tr> 
 
    <tr> 
 
    <td>Slider:</td> 
 
    <td><span class="">'+variable+'</span></td> 
 
    </tr> 
 
</table>'; 
 

 
    $("body").append(table);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

来源

2015-11-19 20:31:37 Duncan

不能将动态变量添加到动态表中

回答

相关问题