javascript - 将父链接和子链接作为一个捕获到以冒号分隔的 Label 参数中

Question

我正在努力实现以下目标:捕获正在单击的大型菜单链接。如果链接是子链接，请将父链接和子链接作为一个捕获到标签参数中，并用冒号分隔。

这是 HTML 的 jsbin 链接: http://jsbin.com/kuliberefi/edit?html,output

我已设法获取以下代码来控制台记录我单击的 li，但我一直在获取该类别的父链接。例如。当我进入男士部分并单击衬衫时，它意味着控制台日志“男士:衬衫”。

我的代码:

$(".megaMenuList li").mousedown(function () {
     var value = $(this).attr('href');
     console.log(value);     
}); 

感谢任何能给我建议的人。

Answer 1

您可以拆分 href 值并获取第二个和第三个项目(第一个将为空)。 Updated bin

$(".megaMenuList a").click(function (e) {
     e.preventDefault();
     var value = $(this).attr( "href" );
     var items = value.split("/");
     console.log( items[1] + " : " + items[2] );     
});