Question

用jQuery的append()方法给某个DOM元素添加内容的问题

jQuery代码：
$(document).ready(function(){
var i = 2;
$(".addNum").click(function(){
$(".number").append("number"+i+":<input type='text' name='num' class='num' size='17' />");
i++;
});
$("#ok").click(function(){
var id = $(".num").val();
alert(id);
});
});
html代码：
<span class="number">number1:<input type="text" name="num" class="num" size="17" /></span>
<a class="addNum" href="#"> + </a>
<input type="button" value="ok" id="ok"/>
单击ok按钮，显示如下：

我想要的效果是，显示：a;b;c
怎么回事？是因为append方法只在页面中显示了，而没有真的加入元素吗？怎么改？

Answer 1

$("#ok").click(function(){
var str ="";
    $(".num").each(function(){
        str += $(this).val();
    });
alert(str);
});