尝试使用Javascript的替换字符串来使用脚本

Question

我只是在编写这个脚本,但我无法弄清楚为什么它不会运行!任何帮助赞赏.

使用Javascript

$(document).ready(function() {
var str = document.getElementById('size').innerHTML; 
var res = str.replace('<p>','<input type="checkbox" value="');
var res = str.replace('</p>','" id="size" name="size[]" checked />');
document.getElementById('size').innerHTML=res;
});

HTML

<div id="size">
    <p>xs</p>
    <p>s</p>
    <p>m</p>
    <p>l</p>
    <p>xl</p>
</div>

这是JS小提琴:http://jsfiddle.net/L2LGV/

Answer 1

你尝试这样做的方式并不是最好的方法.

请参阅这个我如何实现它的快速示例.

$(document).ready(function() {
    jQuery('#size p').each(function(){
        var html = '<input type="checkbox" value="' + jQuery(this).text() + 'id="size" name="size[]" checked />';
        jQuery(this).replaceWith(html);
    });
});

http://jsfiddle.net/L2LGV/5/