JQuery Append DIV с тем, если условие

Question

у меня есть это на добавление о

$("#questions").append($("<tr><td>" + if(value.NA == true) { + "<input type='checkbox' id='" + value.Question_ID + "-na' class='na' /> " + } + "</td>"); 

Я пытаюсь добавить условие к Append, но я получаю эту ошибку:

Uncaught SyntaxError: Unexpected token if 

Я принимаю это, если является незаконным, что было бы лучшим способом выполнить то, что я пытаюсь выполнить?

Answer 1

if не может использоваться в строках.

Используйте переменную для хранения HTML и используйте переменную в append.

var input = ''; // Set as empty string 

if(value.NA === true) { 
    input = "<input type='checkbox' id='" + value.Question_ID + "-na' class='na' /> "; 
} 

$("#questions").append($("<tr><td>" + input + "</td>")); 

троичный оператор (?..:) также может быть использован

$("#questions").append($("<tr><td>" + (value.NA ? "<input type='checkbox' id='" + value.Question_ID + "-na' class='na' /> " : '') + "</td>")); 

Answer 2

Вы можете использовать Javascript conditional (ternary) operator:

$("#questions").append($("<tr><td>" + (value.NA ? "<input type='checkbox' id='" + value.Question_ID + "-na' class='na' /> " : "") + "</td>");