[英]Place span before anchor tag text jQuery
我正在尝试使用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)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.