javascript - 列出使用 jQuery 检查的变量值

Question

我在 jsFiddle 中已经取得了相当大的进展，尽管我不明白为什么它没有向第一个值添加项目符号..

http://jsfiddle.net/dvCmR/128/

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="one" />Option 1
    <input id="chkbx_1" type="checkbox" name="two" />Option 2
    <input id="chkbx_2" type="checkbox" name="three" />Option 3
    <input id="chkbx_3" type="checkbox" name="four" />Option 4
</div>

<div class="content"></div>

<script>
    $("input").click(function(e) {

    var selected = $("#checkboxes input:checked").map(function(i, el) {
        return el.name;
    }).get();

    $('.content').empty();

    $(".content").append(selected.join("<li>"));

});
</script>

谢谢!!!

Answer 1

正如@Pointy 所说，当您只有一个元素时，join 不会添加li。此外，您根本不需要使用 join，只需使用一个循环添加元素即可:

$("input").click(function(e) {
    var $content = $('.content').empty();
    $("#checkboxes input:checked").each(function(i, el) {
       $("<li>" + el.name + "</li>").appendTo($content);
    });
});​

DEMO .