0

我有一个样式元素，其中隐藏了“项目”类。最初，该页面将只有一个具有此类的元素。我只是将这个隐藏元素用作模型，每次单击“添加项目”按钮时，我都可以使用 jquery 抓取并将其插入列表，并在内部文本中使用正确的项目名称。

我想要做的是克隆这个隐藏的“项目”元素并将其插入到网页上最后一个项目元素所在的位置之后。显示它，并将内部文本更改为我需要的任何内容。

我当前的实现没有按预期克隆/插入项目，尽管我认为应该这样做，但我可能遗漏了一些东西。

我的标记

<div class="item" style="border:1px solid blue; padding:7px; display:none;">hello</div>

添加项目

我的 JavaScript

$(".addItem").click(function(){

   //clone hidden item element blueprint
   $('.item').eq(0).clone().insertAfter('.item:last-child');


   //Change inner text of element
   $('.item:last-child').text("apples").show();
});

JSFiddle

http://jsfiddle.net/XPVAs/

4

2 回答 2

2

假设您需要:last选择器，而不是:last-child：

$(".addItem").click(function(){

    //clone hidden item element blueprint
    $('.item').eq(0).clone().insertAfter('.item:last');


    //Change inner text of element
    $('.item:last').text("apples").show();
});

这是一个演示：http: //jsfiddle.net/XPVAs/3/

于 2013-01-15T19:32:27.150 回答
0

改变

$('.item:last-child').text("apples").show();

至

$('.item:last').text("apples").show();

仔细阅读以下链接：

http://api.jquery.com/last-child-selector/

http://api.jquery.com/last/

于 2013-01-15T19:49:06.103 回答