2013-02-19 77 views
0

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> 

我目前沒有得到任何複選框,該代碼

+0

沒了,抱歉,是一個錯字。更新。 – 2013-02-19 01:08:15

+1

http://jsfiddle.net/SDyrg/適合我。 – 2013-02-19 01:09:17

+0

你記得文檔準備好了嗎? – adeneo 2013-02-19 01:10:07

回答

2

沒有必要爲一個循環?

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

OP代碼完全正常工作。 http://jsbin.com/imiwiv/1/edit可能缺少結束輸入標記。無論如何+1 – 2013-02-19 01:09:14

+0

追加?你可以insertBefore好嗎? – 2013-02-19 01:09:16

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