javascript - JQuery 错误地追加创建的 JQuery 对象

Question

各位。

我对 Jquery.append() 方法有疑问。我在文档中没有找到有关我的问题的信息(或者我搜索得不够)。

我有以下 HTML 标记。

<li class="active bug-droppable" bugId="1">
  <a href="#">Super Bug 1 
    <span class="badge badge-primary">2</span>
  </a>
</li> 

我使用 bootstrap 并希望添加表示图标到 anchor 标记的 span 标记。

我做了以下工作，这已经足够好了。但我想创建允许自定义图标的功能。 (“this”引用“li”)

var PLUS_ICON = '<span class="pull-right glyphicon glyphicon-plus-sign medium-icon"></span>';
$(this).find("a").append(PLUS_ICON);

我尝试了以下方法，看起来很相似，但不起作用。

var ICON_DUMMY = '<span class="glyphicon medium-icon"></span>'
var ICON_PLUS_CLASS = ".glyphicon-plus-sign";
var PULL_RIGHT = ".pull-right";

var $icon = $(ICON_DUMMY).addClass(ICON_PLUS_CLASS).addClass(PULL_RIGHT);
$(this).find("a").append($icon);

谁能解释为什么第二种情况不起作用？

感谢您的宝贵时间。

Answer 1

因为类名前面有一个句点。这对于类属性无效。像这样改变它应该可以工作。

var ICON_PLUS_CLASS = "glyphicon-plus-sign";
var PULL_RIGHT = "pull-right";