面包屑导航栏 赋值

下图是bootstrap的面包屑样式,但是怎么随着标题栏的点击动态赋值呢?


下图是上部标题栏,例如我们点击java->EJB的时候,希望面包屑赋值为 Java/EJB

面包屑导航栏 赋值_第1张图片


我们查看标题栏的代码:

面包屑导航栏 赋值_第2张图片

发现是一层一层的ul  li嵌套,所以用jquery的dom选择,自己写了一个方法:

                        var arry = [];
			obj = $(this);
			while(obj.text() != ""){
				arry.push(obj.text());
				obj = obj.parent().parent().parent().children("a");
			} 
			var str = "";
			for(var i = arry.length-1;i >= 0;i--){
				if(i != 0){ //为最后一个不添加a
					str += "
  • "+arry[i]+" >
  • " }else{ str += "
  • "+arry[i]+"
  • " } } $("#breadCrumb").html(str);
    方法,this代表的被点击的li

    你可能感兴趣的:(面包屑导航栏 赋值)