我正在尝试使用 jQuery/JS 制作这样的按钮
这个按钮是使用服务器端 rails helper 生成的。在检查这个元素时我得到了这个
为此我写了下面的代码
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;
}
但是这个创建按钮就像
在检查时我得到了这个。
我不知道我做错了什么。
最佳答案
应该是:
editLink.prependChild(editInnerSpan)
关于javascript - 在 anchor 标记文本 jQuery 之前放置 span,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32462996/