If-statement inside jquery Append() If-statement inside jquery Append() json json

If-statement inside jquery Append()


A simpler solution:

var i = 0;$('#somediv').append(    'html before' +     (i > 0 ? '<img src="/img.jpg"/>': '') +    'more html');


var i = 0;var str=''if (i > 0){  str =  '<img src="/img.jpg"/>;'}$('#divDetailsForSelectedInfo').append(    '<div class="roundedAndBoxShade leftResultObject" id = "' + value.Query.Id + '">'+    '<div class="leftResultObject_inner">' +str+'<div>asdf</div>');


The easiest way I can think of to do this:

$('#divDetailsForSelectedInfo').append(    function(i) {        return '<div class="roundedAndBoxShade leftResultObject" id = "' + value.Query.Id + '">' + '<div class="leftResultObject_inner">' + (i > 0 ? '<img src="/img.jpg"/>' : '');    });

JS Fiddle proof-of-concept.