javascript - 动态将html元素添加到li元素的内部html中

 function showHideMinMax(typeid ,value){
  // extract the index number from typeid
  var indexNr = typeid.match(/\d+/);
            if(value == "blah"){
                $("input#A"+indexNr).hide();
                $("input#B"+indexNr).hide();
                $("label[for=C"+indexNr+"]").hide();
                $("label[for=D"+indexNr+"]").hide();
            }else{
                $("input#A"+indexNr).show();
                $("input#B"+indexNr).show();
                $("label[for=C"+indexNr+"]").show();
                $("label[for=D"+indexNr+"]").show();
            }
     }

我有上面的javascript函数。所以我想要的是，在else部分中，如果上述在else部分中提到的html元素不存在，则创建它们并将其附加到li元素内的html部分。我该如何实现？

li元素看起来像这样，上面的元素在此html li元素内

          <li class="css" id="demo"+somenumber ">

最佳答案

您将使用append或appendTo，例如：

var data = "<input type=\"text\" />";
$("#elementId").append(data);

要么：

$("<input type=\"text\" />").appendTo($("#elementId"));

其中elementId是li元素的ID。您需要针对您的特定html进行调整。