Question

我有这个HTML标记：

<div id="destination">

</div>

<input id="test" type="text" />

<button id="clicker">Click me</button>

这个jQuery-snippet

$(document).on('click', '#clicker', function(event){

    var newCat = $('#test').val();
    $(newCat).prepend("#destination");
       alert(newCat);
 });

警告文本确实是字段中的输入文本，但文本不会以div #destination结尾。

请参阅此jsfiddle示例： http://jsfiddle.net/FaAY4/

Answer 1

你必须这样做：

$(document).on('click', '#clicker', function(event){

    var newCat = $('#test').val();
    $("#destination").prepend(newCat );
       alert(newCat);
        });

Answer 2

您错误地使用了prepend()。语法是：

$(targetElement).prepend(newContent);

在您的具体示例中使用如下：

$("#destination").prepend(newCat);

Answer 3

为什么要尝试将元素添加到值？

var newCat = $('#test').val();

上面的行会显示文本框的值。

$(newCat)

不会对应任何元素。

Answer 4

我认为你正在交换来源和目的地，即：

$(document).on('click', '#clicker', function(event){
    var newCat = $('#test').val();
    $('#destination').prepend(newCat);
       alert(newCat);
});

Fiddle updated

jQuery，来自输入的前置数据不起作用

4 个答案: