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> 

我使用引导程序并希望将代表图标的跨度标记添加到锚标记。

我做了以下工作，这已经足够好了。但我想创建允许自定义图标的功能。（“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";

Answer 2

尝试

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