Javascript 将父链接和子链接作为一个链接捕获到用冒号分隔的标签参数中

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

这是指向HTML的jsbin链接：

我已经成功地获得了以下代码来控制台记录我点击的li，但是我仍然无法获得该类别的父链接。当我进入男士区并点击衬衫时，它的意思是“男士：衬衫”

我的代码：

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

感谢所有能给我一些建议的人。

您可以拆分href值并获取第二项和第三项第一项为空

---

如果需要URL中的值，@gurvinder372 answer就可以了。如果您希望在屏幕上打印实际值，此解决方案将起作用

$function{ $'.megaMenuList li a'。单击函数e{ e、 防止违约 //获取单击的链接的文本 var subcat=$this.text； //找到这个巨行星上的H2 var cat=$this.closest'.megaMenuList'.find h2.text； //输出您的cat&subcat 如果猫{ console.log subcat+'：'+cat； }否则{ console.log子目录； } }; } 服装 配件

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