Создавайте и управляйте переменным содержимым

Question

У меня есть, наверное, простой вопрос. Мне нужно создать и обработать переменную из ее содержимого html.

Вот код JS:

var table = '<table class="my-class1 my-class2"><thead><tr><td>123</td></tr></tbody></table>'; 
$('myVar').html(table); 
$('myVar').removeClass().addClass('my-class3'); 
console.log($('myVar').html()); 

Но, к сожалению, я просто не в состоянии добиться успеха ....

Спасибо,

Answer 1

$(function(){ 
 
    var table = '<table class="my-class1 my-class2" border="1" cellpadding="5"><thead><tr><td>123</td></tr></tbody></table>'; 
 
    $('#myVar').html(table); 
 
    $('#myVar').removeClass().addClass('my-class3'); 
 
    console.log($('#myVar').html()); 
 
});

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

 
<div id="myVar"></div>

Это зависит от myVar,

Если это jQuery element затем использовать его как,

myVar.html(table); 

Если это Id затем использовать его как,

$('#myVar').html(table); 

И если это Class затем использовать его как,

$('.myVar').html(table); 

Для получения более подробной информации jquery-selectors

Пусть это Id, то ваш код должен выглядеть,

$('#myVar').html(table); 
$('#myVar').removeClass().addClass('my-class3'); 
console.log($('#myVar').html());