layui-nav 有个小问题。

提问 已结 4 246
陈豪
陈豪 2019-1-8
悬赏:20飞吻
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">菜单1</a>
<dl class="layui-nav-child">
<dd id="wxuser" url="http://www.baidu.com" text="111"><a href="#"><i class="layui-icon"></i>  11111111</a></dd>
</dl>
</li>


我在菜单 上面有几个 属性 我想取出来。
如何。取出来。


//监听导航点击
element.on('nav(left_menu)', function(elem){
console.log(elem);
var id = $(elem).attr("id");
var url = $(elem).attr("url");
var text = $(elem).attr("text");

console.log(id);
console.log(url);
console.log(text);
});


我使用这种方法。 取不出来。


有没有办法 。 取下。我想用这个东西。
回帖
  • IDyun
    2019-1-9

    id="wxuser" url="http://www.baidu.com" text="111"
    放到a标签里,因为导航栏点击的是a标签
    <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">菜单1</a>
    <dl class="layui-nav-child">
    <dd ><a href="#" id="wxuser" url="http://www.baidu.com" text="111"><i class="layui-icon"></i> 11111111</a></dd>
    </dl>
    </li>

    //监听导航点击
    element.on('nav(left_menu)', function(elem){
    console.log(elem);
    var id = $(elem).attr("id");
    var url = $(elem).attr("url");
    var text = $(elem).attr("text");

    console.log(id);
    console.log(url);
    console.log(text);
    });

    如果不放在a标签,放在dd标签上就需要这样获取
    http://www.runoob.com/jquery/traversing-parent.html
    <li class="layui-nav-item layui-nav-itemed">
    <a href="javascript:;">菜单1</a>
    <dl class="layui-nav-child">
    <dd id="wxuser" url="http://www.baidu.com" text="111"><a href="#"><i class="layui-icon"></i> 11111111</a></dd>
    </dl>
    </li>
    //监听导航点击
    element.on('nav(left_menu)', function(elem){
    console.log(elem);
    var id = $(elem).parent().attr("id");
    var url = $(elem).parent().attr("url");
    var text = $(elem).parent().attr("text");

    console.log(id);
    console.log(url);
    console.log(text);
    });
    1 回复
  • 用原生的获取
    0 回复
  • 陈豪
    2019-1-9
    @IDyun 我使用$(this).parent(); 取得父标签 ,然后取得我的属性。

    不过用你的方法 也行的。
    谢谢,
    0 回复
  • 陈豪
    2019-1-9
    @IDyun 你qq 微信多少 。 交个朋友。,
    我qq 是 14496453
    0 回复