链接前插入复选框?

时间:2013-02-19 01:06:38

标签: javascript jquery

HTML

<ul class="navmore">
   <li><a href="link">Link</a></li>
   <li><a href="link">Link</a></li>
</ul>

页脚中的jquery

$(".navmore li a").each(function(){
   var $this = $(this);
   $('<input type="checkbox">').insertBefore($this);
});

html应该成为

    <ul>
       <li><input type="checkbox"><a href="link">Link</a>
       <li><input type="checkbox"><a href="link">Link</a>
    </ul>

我目前没有获得该代码的任何复选框

2 个答案:

答案 0 :(得分:2)

不需要循环吗?

$(function() {
    $(".navmore li a").before( $('<input />', {type:"checkbox"}));
});

答案 1 :(得分:1)

$(function () {
    $(".navmore li").prepend('<input type="checkbox" />');
});