在锚标记文本jQuery之前放置span

时间:2015-09-08 16:39:40

标签: javascript jquery html css font-awesome

我试图使用jQuery / JS

创建一个这样的按钮

Desired Button Image

这个按钮是使用服务器端rails helper生成的。虽然检查了这个元素,但我得到了这个

Screenshot

为此,我写了以下代码

   var editLink = makeElement('a', {
            class: 'edit-merchant-url btn btn-primary',
            href: url.BASE_MERCHANT_URLS + data.id + url.EDIT,
            innerHTML: 'Edit'
        });

        var editInnerSpan = makeElement('span', {class: 'fa fa-pencil-square-o'});

        editLink.appendChild(editInnerSpan);


 /**
         * It creates the dynamic DOM element
         * element should be tag name such as div, input, form
         * options should be attributes including class, id, innerHTML
         */

        function makeElement(element, options) {
            var $formField = document.createElement(element);
            $.each(options, function (key, value) {
                if (key === 'innerHTML') {
                    $formField.innerHTML = value;
                }
                else {
                    $formField.setAttribute(key, value);
                }
            });
            return $formField;
        }

但是这个创建按钮就像

一样

output

在检查时我得到了这个。

output inspect

我不知道自己做错了什么。

1 个答案:

答案 0 :(得分:1)

应该是:

editLink.prependChild(editInnerSpan)