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

从可变内容创建和操作

1 个答案: