CODEWITHSUNDEEP
javascriptjquery
Arun Prakash
Arun Prakash

Reputation: 993

Unexpected Token in ```jQuery.html()```

what's wrong with this div tag? 

$(.displayvideo).html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+data.songjson[i].url+'" data-toggle="modal" data-target="#trailer">
<img src="'+data.songjson[i].url+'" width="220" height="250">'+
'<h4>'+data.songjson[i].title+'</h4></div>');

I tried this, but I'm getting error as unexpected token.

Upvotes: 2

Views: 452

Answers (4)

AmmarCSE
AmmarCSE

Reputation: 30557

Your problem is you did not surround .displayvideo with quotes. You need to do

$('.displayvideo')


$('.displayvideo').html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+'data.songjson[i].url'+'" data-toggle="modal" data-target="#trailer"><img src="'+'data.songjson[i].url'+'" width="220" height="250">'+
'<h4>'+'data.songjson[i].title'+'</h4></div>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="displayvideo"></div>

Upvotes: 2

Alex Filatov
Alex Filatov

Reputation: 2321

You should put .displayvideo in blockqoutes. so it should be like this:

$(".displayvideo").html(
    '<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="' + data.songjson[i].url + '" data-toggle="modal" data-target="#trailer">' + 
        '<img src="' + data.songjson[i].url + '" width="220" height="250">' +
        '<h4>' + data.songjson[i].title + '</h4>' + 
    '</div>'
);

Upvotes: 1

dfsq
dfsq

Reputation: 193261

First of all you are missing quotes in CSS selector:

$('.displayvideo')

Then HTML string is not concatenated properly. I recommend to split it into sevepa lines to see HTML structure easily:

$('.displayvideo').html(
    '<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="' + data.songjson[i].url + '" data-toggle="modal" data-target="#trailer">' + 
        '<img src="' + data.songjson[i].url + '" width="220" height="250">' +
        '<h4>' + data.songjson[i].title + '</h4>' + 
    '</div>'
);

Upvotes: 2

Anik Islam Abhi
Anik Islam Abhi

Reputation: 25352

You are missimg ""

Try like this

$(".displayvideo").html('<div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="'+data.songjson[i].url+'" data-toggle="modal" data-target="#trailer"> <img src="'+data.songjson[i].url+'" width="220" height="250">'+ '<h4>'+data.songjson[i].title+'</h4></div>');

Upvotes: 2

Related Questions