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

Question

我想通过jQuery动态添加li。

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

 </ul>
</div>

将<li>添加到id = data。

Answer 1

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

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

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

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