2015-09-08 47 views
0

我試圖讓一個按鈕,這樣使用jQuery/JS廣場跨度的jQuery

Desired Button Image

此按鈕使用服務器側軌helper.While檢查這個元素,我得到這個生成

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

應該是:

editLink.prependChild(editInnerSpan)

+0

謝謝@Sergey 你讓我很快樂 –