Невозможно добавить динамическую переменную в динамическую таблицу

Не могли бы вы взглянуть на этот код и сообщить мне, почему я не могу добавить 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', как и ожидалось. –

О, боже мой! Я делаю глупую ошибку, ребята! это должно было быть в тесте span, а не в классе, извините за то, что тратило ваше время! – Behseini

Ваши переменная succefully добавляются в качестве атрибута class, если вы хотите, чтобы показать его в td с добавить также внутри колонки:

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

Надеется, что это помогает.

источник

2015-11-19 20:28:16

Вместо того чтобы помещать переменную в класс span, добавьте ее во внутренний HTML тегов span.

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

ответ

Смежные вопросы