Getting child element of Unordered List using jQuery Plugin

Question

I am attempting to get the list value through a jquery function attached to the css menu.

My code is as follows.

    $.fn.appmenu = function(options){

    //problem
    $(this).click(function(){
        alert($(this).filter("ul li").html());
    });

    $(this).hover(function(){
        $(this).filter("li").animate({
            top:"20px"
        });
    });

    //this.find('li:last').after("<li>test</li>");
    var lists = '<li title="Home" link="index.php"></li>';

    $.each(options, function(index, value) { 
        lists += '<li style="background-image:url(images/'+value[1]+'.png);" title="'+value[0]+'" link="'+value[1]+'"></li>';
    });

    return this.html("<ul>"+lists+"</ul>")
}

I call my menu using:

    //title, icon, link
$("#app-menu").appmenu([
    ["add", "address", "#link1"],
    ["contact", "comment", "#link2"],
    ["about", "pencil", "#link3"]
]);

Any help would be appriciated.

Can you add your markup as well?

Ayman Safadi
– Ayman Safadi

2011-12-21 12:49:29 +00:00
Commented Dec 21, 2011 at 12:49 — Ayman Safadi
– Ayman Safadi, Commented Dec 21, 2011 at 12:49

lsoliveira · Accepted Answer · 2011-12-21 13:24:18Z

1

Your html structure is not correct. The <li> tags are invalid and jQuery does not like your lists variable content.

I have altered your fiddle a little bit but it's now working. See http://jsfiddle.net/6yLYZ/.

answered Dec 21, 2011 at 13:24

lsoliveira

4,6503 gold badges23 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

abuduba · Accepted Answer · 2011-12-21 13:38:15Z

1

You must use find instead filter - filteris looking for elements from current set, find is looking of any elements from current set also through whole their children

However , the result will be the same because html function is get a whole html which is in first element from matches elements - in your example what is between <li> and </li>

edited Dec 21, 2011 at 13:38

answered Dec 21, 2011 at 13:19

abuduba

5,0637 gold badges29 silver badges43 bronze badges

Collectives™ on Stack Overflow

Getting child element of Unordered List using jQuery Plugin

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related