Question

所以假设我有一个来自数组（pmmain）的菜单，它是这样产生的：

$("#pm-page-main") .append("<div class=\"main-box\" id=\"m-box"+b+"\"><div class=\"title-box\"><span class=\"reg-wht-bold\">" + pmmain[b] + "</span></div><div class=\"shadow-box\" id=\"s-box"+b+"\">a</div><BR><BR><img src=\"imgs\\" + pmmain[b] + ".png\"></div>").hide().show(0);}

m-box是我看的地方。有没有办法得到点击的m-box的数量（例如，菜单中有16个项目，我点击了第二个，可以理解的是m-box2是我点击的。）？我想要做的是能够显示另一系列菜单。

这就像：

$(document) .ready(function(){
$("m-box"?????) .one("click", function(){
$('#arrow-enclosure') .append("<div id=\"highlights-box\"><BR><BR><img src=\"imgs\\"+pmmain[????]+"\"><h1 class=\"line-blank\"><span></span></h1><BR><a href=\"pages\\company name\\company name\\PM\\\">STYLE GUIDE</a> <span>|</span> <a href=\"pages\\company name\\company name\\PM\\Sample Output.pdf\">OLD JOBS PDF</a> <span>|</span> <a href=\"pages\\company name\\company name\\PM\\InDesign Package\">INDD PACKAGE</a> </div>);
});
});

那里有一个?????的部分我不确定是否有可能这样做。你能帮忙的话，我会很高兴。谢谢！

Answer 1

有一种简单的方法可以点击项目的价值，并在点击处理程序的正文中使用$(this)，如下所示：

$('.main-box').click(function (){

    // $(this) will give you the jQuery element of whatever was clicked,
    // you can do whatever you like here

    console.log($(this).attr('id'));

});

查看针对此问题制作的jsBin，其中生成了一个示例菜单，您可以单击并查看结果：http://jsbin.com/pisotefeca/edit?js,console,output

我对任何问题持开放态度！

从数组值生成数组菜单

1 个答案: