动态添加html元素到li元素的内部html

时间:2011-07-20 17:21:18

标签: javascript jquery

 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 ">

1 个答案:

答案 0 :(得分:3)

您可以使用appendappendTo,例如:

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

或者:

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

elementIdli元素的ID。您需要根据具体的HTML进行调整。

相关问题