Оператор 'If' - 'else' внутри функции jQuery

Question

У меня есть следующий код в JavaScript и jQuery:

     $("<li />")

     .html('Some HTML')

Я бы хотел изменить содержание .html, используя оператор if - else. Мой код должен быть примерно таким, но он не работает.

var showinfo = <?php echo '$action'; ?>

$("<li />")

if (showinfo == 'action1'){
    .html('Some HTML')
else {
    .html('Other HTML')
}

Как мне это изменить?

Answer 1

Тернарный оператор?

$("<li />").html((showinfo == 'action1') ? 'Somehtml' : 'Other html');

Важно понимать, что ваш первый бит кода интерпретируется как одно утверждение, а не два:

 $("<li />")
 .html('Somehtml')

 //Is the same as:
 $("<li />").html('Somehtml');

Вы запутались, потому что не используете точки с запятой для завершения своих утверждений. JavaScript позволяет поддерживать устаревший код, но если вы пишете код сейчас, вам действительно следует использовать его.

Answer 2

Не прерывайте цепочку jquery:

var showinfo = '<?php echo $action; ?>'

if (showinfo == 'action1'){
    $("<li />").html('Somehtml')     
} else {
    $("<li />").html('Other html')
}

Примечание: я также исправил ошибку в вашем выражении php echo и пропущенную скобку в вашем if...else

Answer 3

var listItem = $("#yourLi");

if (showinfo == 'action1'){
 listItem.html('Somehtml')     
else {
  listItem.html('Other html')
  }

Answer 4

Ответ Адама довольно точный. Чтобы сохранить немного ненужного дублирования, вы можете немного изменить его так:

var
    showinfo = '<?php echo $action; ?>',
    listitems = $("<li />");

if (showinfo == 'action1') {
    listitems.html('Somehtml');     
} else {
    listitems.html('Other html');
}

Answer 5

Вы можете сократить его следующим образом:

var showinfo = '<?php echo '$action'; ?>'


$("<li />")
.html( (showinfo == 'action1' ? 'Somehtml' : 'Other html') );

.html может находиться в той же строке или в отдельной строке, поскольку оператор завершается точкой с запятой. Если у вас есть несколько методов для одного селектора, я считаю разделение их на несколько строк более читабельным.