调用jquery追加时如何逃脱？

Question

我追加以下html：

<span sytle="color:#000000" />

颜色值存储在变量中：

var my_color =“＃000000”;

var a = $（“＃a”）;

以下是我的尝试：

a.append('<span style="color: ' + my_color + '"</span>'); 

这是对的吗？

Answer 1

你错过了span元素的结束括号：

my_color + '"></span>
             ^

因为跨度内没有内容，您确定它失败了吗？将span附加到#a元素不会更改#a中文本的颜色。另一种方法是使用：

$('#a').css('color', my_color);

另外，_以防，确保你的脚本在 之后执行 #a元素已添加到DOM中，否则你的选择不会是选择任何元素，附加将失败。

您只需使用以下代码将代码包装在document.ready回调中：

jQuery(function($){
  ...code here...
});

Answer 2

您缺少span标记的结束尖括号。为了避免像这样创建HTML代码，可以使用jQuery创建元素：

a.append($('<span/>').css('color', my_color));

（通过类似$('<span/>')的调用，jQuery会认识到它是一个空元素并使用document.CreateElement而不是将其解析为HTML。）

Answer 3

Jquery有一个css方法。

a.css("color","#000000");

Answer 4

a.append('<span style="color: ' + my_color + '"/>');

Answer 5

sytle 拼写错误

$("#a"); 可能您的意思是 $("a");

a.append('<span style="color: ' + my_color + '"</span>'); 不正确 - 跨度未关闭