2015-11-19 92 views
3

您可以看看這段代碼,並讓我知道爲什麼我無法將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>

+0

有幾個空''標籤,所有與'類= 「應用程序哈」',就像會從上面的代碼可以預期的。你認爲會發生什麼? –

+0

你是什麼意思?您正在使用'variable'來設置'span'元素的類別。 –

+0

天啊!我正在做一個愚蠢的錯誤傢伙!這是假設是跨班標籤不是在課堂上遺憾浪費你的時間! – Behseini

回答

1

你的變量succefully添加爲class屬性,如果你想顯示它裏面td的add它還裏面列:

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

希望這有助於。

0

不是將變量放在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>