Add fontawesome icon to button generated via ajax

Question

How can i add fontawesome icons to a button generated like this?

$.each(response, function (i, item) {
trHTML += '<tr><td>' + item.name + '</td><td>'  + "<input 
type='button' onclick='getTxtUrl(" + item.id + ")' style = 'width: 
32px; height: 28px;' class='btn btn-success'>" + '</td></tr>';
});

I've tried so many things and am going crazy. I'm sure it will turn out to be the stupidest thing, missing a ' or something. Help please!

Yes ir was quotes `$.each(response, function(i, item) { trHTML += '' + item.name + ''; });` — mplungjan, Jun 25 '19 at 09:44
This is easier to read and can have breaklines `$.each(response, function(i, item) { trHTML += \`${item.name}\`; });` — mplungjan, Jun 25 '19 at 09:50

score 2 · Accepted Answer · answered Jun 25 '19 at 09:42

2

Use button instead of input type button

$.each(response, function (i, item) {
                trHTML += '<tr><td>' + item.name + '</td><td>'  + "<button onclick='getTxtUrl(" + item.id + ")' style = 'width: 32px; height: 28px;' class='btn btn-success'><i class='fa fa-check'></i></button>" + '</td></tr>';
            });

answered Jun 25 '19 at 09:42

Radonirina Maminiaina

6,958
4
33
60

Or you can use CSS for that. – Monkey D. Luffy Jun 25 '19 at 09:44
@MonkeyD.Luffy, how? you can't add pseudo element to input – Radonirina Maminiaina Jun 25 '19 at 09:45
[ Font-awesome, input type 'submit' ] (https://stackoverflow.com/questions/11686007/font-awesome-input-type-submit) Check solution by @Pavlo – Monkey D. Luffy Jun 25 '19 at 09:51

Add fontawesome icon to button generated via ajax

1 Answers1