Question

我正在创建一个jQuery menu，当用户点击最后一个.menu div上的.item div时，另一个.menu div应该在下面与其他.item div一起创建。然后，只有那些div可能被点击（如果有的话）可能生成其他.menu div（可能还有另一个.item div）。

基本上，我需要jQuery selector，它仅选择最后一个.menu div中的所有.item div。

我尝试了以下但没有成功：

$('.menu:last').children('.item').on("click",function(){
  $('body').append("<div class=\"menu\"><div class=\"item\"><svg><text x=\"50%\" y=\"50%\" dy=\".3em\">Vehicles</text></svg></div></div>");
});

这也行不通：

$('.menu:last-child .item').on("click",function(){
  $('body').append("<div class=\"menu\"><div class=\"item\"><svg><text x=\"50%\" y=\"50%\" dy=\".3em\">Vehicles</text></svg></div></div>");
});

这是html和css代码的小提琴：

http://jsfiddle.net/2ZpGe/

有什么建议吗？

Answer 1

如果您想要在最后一个菜单上动态点击，您必须使用像这样的事件委托

$(document).on('click','.menu:last .item',function(){
          $('body').append("<div class=\"menu\"><div class=\"item\"><svg><text x=\"50%\" y=\"50%\" dy=\".3em\">Vehicles</text></svg></div></div>");
});

DEMO

用Jquery选择最后一个div的所有子节点？

1 个答案: