javascript - 从 javascript 添加 <li> 到 <ul> 的问题

Question

我有以下内容，我想在其中动态添加列表元素:

<ul name='eval-options' class="inputs-list">                                                                                    
</ul>

我正在使用以下 js 添加列表元素，但它不起作用

 $("#eval-options ul").append('<li><label><input type="checkbox" name="optionsCheckboxes" value="option1" /><span>Option one</span></label></li>');                    

Answer 1

首先，使用 eval-options 的 id 声明 ul，而不是 name。

<ul id='eval-options' class="inputs-list">                                                                                     
</ul> 

其次，您的选择器的字符串应该是

$('#eval-options')

您当前使用的选择器:

$('#eval-options ul')

表示“ul 元素包含作为标识符为 eval-options 的任何元素的子元素”