가변 내용으로 생성하고 조작하십시오.

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); 

더 많은 것을 얻으려면

(210)는, 그것이이 Id 다음 코드가 같아야입니다 보자

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

정확히 당신이 뭘 하려는지