从数组值生成数组菜单答案

【问题标题】：Generate an array menu from an array value从数组值生成数组菜单
【发布时间】：2015-09-03 20:02:13
【问题描述】：

假设我有一个来自数组 (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-boxes 是我在看的地方。有没有办法获得被点击的 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>);
});
});

有 ??????? 的部分是我不确定是否可以做到的事情。你能帮忙的话，我会很高兴。谢谢！

【问题讨论】：

In jQuery, how to attach events to dynamic html elements? 的可能重复项
为什么不把你的字符串用单引号括起来，摆脱那些可怕的转义；p

标签： javascript jquery html css arrays

【解决方案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

我愿意接受任何问题！

【讨论】：