Вставить другой HTML на основе оператора switch

Question

У меня есть этот элемент в форме:

<a id="dyLink" href="">

В зависимости от расчета формы тег href изменяется в зависимости от разных случаев:

switch (week) {
  case 1:
    link = "https://schwangerschaftswochen.ch/die-erste-schwangerschaftswoche/";
    break;
  case 2:
    link = "https://schwangerschaftswochen.ch/die-zweite-schwangerschaftswoche/";
    break;
  case 3:
    link = "https://schwangerschaftswochen.ch/die-dritte-schwangerschaftswoche/";
    break;
  case 4:
    link = "https://schwangerschaftswochen.ch/die-vierte-schwangerschaftswoche/";
    break;
  case 5:
    link = "https://schwangerschaftswochen.ch/geburtsterminrechner/#lepopup-Newsletteranmeldung";
}

jQuery("#dyLink").attr("href", link)

Однако я не Я хочу иметь разные ссылки, но разные элементы HTML для каждого случая. Я понятия не имею о кодировании. Как мне это сделать?

Answer 1

Поскольку вы используете jQuery, вы можете заменить свой элемент другим, используя .replaceWith, чтобы полностью заменить элемент другим.

Используя свой код в качестве основы, вы можете сделать что-то вроде этого:

<code>switch (week) {
  case 1:
    link = '<a href="anything" id="some-id">A link</a>';
    break;
  case 2:
    link = '<div class"clannName">The Content</div>';
    break;
  case 3:
    link = '<input type="text" name="inputName">';
    break;
  case 4:
    link = '<pre>Preformatted test

'; перерыв; case 5: link = ' Щелкните! '; } jQuery ("# dyLink"). ReplaceWith (ссылка);

Answer 2

включите html, которое вы хотите использовать в каждом случае:

Например:

HTML: где вы хотите поместить HTML:

<div class="mydiv"></div>

JS:

    switch(week)
                {
                    case 1:
                    document.getElementById("mydiv").innerHTML="<a href='case1.com' id='case1' >"
                    break;
                    case 2:
                    document.getElementById("mydiv").innerHTML="<a href='case2.com' id='case2' >"
                    break;
}