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

Add li inside nested ul by jQuery

本文关键字:添加 li ul jQuery 嵌套 通过      更新时间:2023-09-26

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

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

id = data的位置添加<li>

如果要将<li>添加到ID为"data"的<ul>,可以使用.append() jQuery函数。

$('#data').append('<li></li>');

如果你想先创建html jQuery元素,以便你可以操作它,你可以这样做:

var $element = $('<li></li>');
$element.addClass('nestedli');
$('#data').append($element);