Question

我试图将值从一个div追加到另一个div。

这是HTML：

<div>
<input id="appendval" type="text" class="formStyle" style="width:300px">&nbsp;&nbsp;
    <a id="addtolist" onClick="appendthis()" href="javascript:void(0)">Add</a><br><br>
    <div id="addedlist" style="width:300px;height:80px;border:1px #ccc solid;"></div>

    <div id="valdiv" style="display:none">
        <div>
            <img onClick="removethis(this)" src="http://www.penguinmodernclassics.ca/static/images/all/close_icon.gif" >
        </div>
    </div>

</div>

剧本：

function appendthis() {
    var values = jQuery('#appendval').val();
    jQuery('#valdiv img').after(values);
    jQuery('#addedlist').append(jQuery('#valdiv').html());
    jQuery('#appendval').val('');
}
function removethis(cur) {
    jQuery(cur).closest('div').remove();
}

问题是，每次点击添加时，前一个值都会添加新值。

您可以在此处查看上述代码：http://jsfiddle.net/prajan55/3MRK9/

请帮助......

Answer 1

问题是，在图像后面添加旧文本后，不要删除旧文本。您需要一个额外的容器来保存文本，以便您轻松清除它：

http://jsfiddle.net/3MRK9/2/

Answer 2

http://jsfiddle.net/3MRK9/5/现在看

jQuery附加html问题

2 个答案: