mcDropDown插件:如何显示父节点属性?

时间:2012-06-06 10:55:57

标签: javascript jquery drop-down-menu

我正在使用非常有效的mcDropDown插件。

在没有报告所有代码的情况下,我只是把jsfiddle示例。 http://jsfiddle.net/SwxP3/

我想做的事情,以及我浪费了数小时的试验,是为了获得所选节点的父节点。

实施例

<li rel="1"> 
        Arts &amp; Humanities 
        <ul> 
            <li rel="2"> 
                Photography 
                <ul> 
                    <li rel="3"> 
                        3D 
                    </li> 
                    <li rel="4"> 
                        Digital 
                    </li> 
                </ul> 
            </li> 
            <li rel="5"> 
                History 
            </li> 
            <li rel="6"> 
                            Literature 
            </li> 
        </ul> 
    </li> 

在这样的示例中,如果我选择“3D”,我希望能够检索其父级的rel属性。

我使用mcDropDown插件的getValue功能玩了一下,没有任何成功。

我看到dom树中的这个插件创建了报告列表树结构的隐藏元素,getValue函数也使用了它们,但我找不到检索父类的方法(我试过了)当然使用jquery的parent()函数... ...

有人知道如何获得父母吗?

我真的需要这个功能,所以如果有人有一些不包括使用mcDropDown而不是任何其他插件(或者使用css和jquery创建一个本地下拉列表),那么它很受欢迎。

1 个答案:

答案 0 :(得分:2)

$(document).ready(function (){
    $("#current_rev").html("v"+$.mcDropdown.version);
    $("#category").mcDropdown("#categorymenu",{
        select: function(value,name){
             alert($("[rel="+value+"]").parents('li').attr("rel"))
        }            
    });
});

这得到父母的rel。如果所选元素没有父元素,则为未定义。