javascript - 无法将动态变量添加到动态表中

Question

能否请您看一下这段代码并告诉我为什么我不能将变量添加到表中？

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>

Answer 1

您的变量已成功添加为 class 属性，如果您想在 td 中显示它，也请在列中添加它:

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

希望这对您有所帮助。