javascript - 从数组值生成数组菜单

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-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>);
});
});

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

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

我愿意回答任何问题!