If-statement внутри jquery Append()

Внутри моего jquery Append() Я не буду запускать IF-инструкцию, чтобы включить изображение во все мои объекты, кроме первого.

Как

var i = 0;

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

Код генерируется Json + Jquery, а затем он добавляется в div в моем индексном файле. Насколько я могу сказать, что это невозможно сделать, но я не ошибаюсь?

Если это действительно "невозможно", можно было бы использовать: первый селектор в JQuery каким-то классным способом?

Ответ 1

Более простое решение:

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

Ответ 2

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>');

Ответ 3

Проще всего я могу это сделать:

$('#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 доказательство концепции.