Pass the arguments as string not variable in jquery

Question

I am stuck at calling onclick function.. here is the code..

    $(function() {
        $.each(json, function(i, item) {
            var row = '<tr>' +
                '<td>' + item.id + '</td>' +
                '<td class="project-title"><a onclick="loadData(' + item.id + ', ' + item.name + ', ' + item.description + ')">' + item.name +
                '</a></td>' +
                '<td>' + item.description +
                '</td>' +
                '</tr>';
            $('#Table tbody').append(row);
        });
    });

The issue here is that while executing the loadData function second and third arguments are not taken as string instead it takes as variable.

loadData(1, Sam, Subscriber)

Error: ReferenceError: Sam is not defined

I need both to be passed as string (i.e. value of the name: Sam and description: Subscriber) not as a variable.

Ex.

loadData(1, "Sam", "Subscriber")

Thank you!

So put the strings in escaped quotes.

Mr Lister
– Mr Lister

2018-04-15 19:35:08 +00:00
Commented Apr 15, 2018 at 19:35 — Mr Lister
– Mr Lister, Commented Apr 15, 2018 at 19:35

Martin Adámek · Accepted Answer · 2018-04-15 19:35:37Z

2

Just add escaped apostrophes:

'<a onclick="loadData(' + item.id + ', \'' + item.name + '\', \'' + item.description + '\')">' + item.name + '</a>'

As result you will get:

<a onclick="loadData(1, 'Sam', 'Subscriber')">Sam</a>

answered Apr 15, 2018 at 19:35

Martin Adámek

18.6k5 gold badges52 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

rpurant Over a year ago

Thanks buddy... this is what exactly I wanted

user4207183 · Accepted Answer · 2018-04-15 19:36:21Z

0

You are answering yourself,

$(function() {
    $.each(json, function(i, item) {
        var row = '<tr>' +
            '<td>' + item.id + '</td>' +
            '<td class="project-title"><a onclick="loadData(' + item.id + ', \"' + item.name + '\", \"' + item.description + '\")">' + item.name +
            '</a></td>' +
            '<td>' + item.description +
            '</td>' +
            '</tr>';
        $('#Table tbody').append(row);
    });
});

answered Apr 15, 2018 at 19:36

user4207183

Collectives™ on Stack Overflow

Pass the arguments as string not variable in jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related