实现js变量的html标签

Question

• When I click open first window link a popup opens.
• in that popup you will see a grid with two columns.
• in that first column i need to combine name and and icon.
• so i added span tag before a tag but its not working.
• can you guys tell me how to combine.
• providing code below.

http://jsfiddle.net/cepzsokp/

var a = $('<span></span><a/>', {
          class: 'sportsDataPlayer',
          download: 'download.csv',
          type: 'text/csv',
          href: URL.createObjectURL(data),
          html: ev.FileName
        });
        return a[0].outerHTML;

Answer 1

You can not do that html mark up. easiest thing would be just add the span before the outerHTML

var a = $('<a></a>', {...})
return "<span></span>" + a[0].outerHTML;

Answer 2

I have edited your latest jsfiddle. Here is the working DEMO

I have modified this line of code as below:

return "<span onclick=&quot;window.open('" + model.mobileVersion + "', 'popup', 'width=800,height=600,scrollbars=yes,resizable=no')&quot; class='" + skyCloudmageProfilePic + " displayInlineBlock " + kendotxtMenu + "'></span>" + a[0].outerHTML;