Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过jQuery在嵌套ul中添加li_Javascript_Jquery - Fatal编程技术网

Javascript 通过jQuery在嵌套ul中添加li

Javascript 通过jQuery在嵌套ul中添加li,javascript,jquery,Javascript,Jquery,我想通过jQuery动态添加一个li <div id="myDiv"> <ul> <li> hi </li> <li> <ul id="data"> <li> <li> </ul> </li> </ul> <

我想通过jQuery动态添加一个
li

<div id="myDiv">
 <ul>
   <li>
       hi
   </li>
   <li>
        <ul id="data">
             <li>
             <li>             
        </ul>
   </li>

 </ul>
</div>

  • 你好

添加
  • ,其中
    id=data
    如果要将
  • 添加到id为“data”的
    中,可以使用jQuery函数

    $('#data').append('<li></li>');
    
    $(“#数据”)。追加(“
  • ”);
    如果您想先创建html jQuery元素以便可以对其进行操作,可以执行以下操作:

    var $element = $('<li></li>');
    $element.addClass('nestedli');
    $('#data').append($element);
    
    var$element=$('
  • '); $element.addClass('nestedli'); $('#data')。追加($element);
    $('
  • ')。addClass('nestedli')。appendTo('#data')