【问题标题】:Create and manipulate from a variable content [closed]从变量内容创建和操作[关闭]
【发布时间】:2014-12-12 20:09:22
【问题描述】:

我有一个 - 可能 - 简单的问题。我需要创建和操作 来自其 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());

但不幸的是,我只是无法成功......

谢谢,

【问题讨论】:

  • 你到底想做什么? myVar 是什么?你期望得到什么输出?
  • 您要删除哪个类? "$('myVar').removeClass().addClass('my-class3');"请为您的问题提供一个 jsfiddle。
  • $('myVar') 我想你应该告诉我们这到底是什么???现在看来你的问题已经结束了.....:(
  • 好吧,我脑子里太清楚了。我的目的是从头开始创建一个带有 html 内容的变量。所以,这个变量不在 DOM 中。我的问题是像任何 DOM 对象一样操作变量(在我的示例中,添加一个类,删除另一个类...)。

标签: javascript jquery html dom


【解决方案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());

【讨论】:

  • 如果您对问题有疑问,请先在 cmets 部分澄清,然后发布答案。
  • @Kartikeya 这个人几乎探索了每一种可能性,并给出了一个海报可以使用的解决方案......实际上,至于 SO 是什么,最好给出一个通用的作品然后回答这样一个特定的问题,只有发帖人自己才能从中受益。 IMO 很不公平,你对他投了反对票……
  • @giorgio...请停止猜测,因为我是反对者...
  • @Kartikeya 我有一些疑问,这就是为什么我给出了一些带有推荐链接的 jquery 选择器的常见示例,可能是 OP 不知道。如果您在这里给出答案,那么欢迎您这样做。
  • 我赞成这个答案,因为它在各个方面都解决了问题
猜你喜欢
  • 1970-01-01
  • 2014-05-30
  • 2020-09-09
  • 2014-06-01
  • 2012-04-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-10
相关资源
最近更新 更多