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

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

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

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

其次，选择器的字符串应为

$('#eval-options')

您当前使用的选择器：

$('#eval-options ul')

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

Answer 2

那是因为#reference是一个id。你想要的是找到你的名字（或类）。

更改

$("#eval-option ul")

到

$("ul[name=eval-options]")

或

$(".inputs-list")

Answer 3

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


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