jquery script

[droctoganapus86]

I am trying to make a script with jquery. The function is to add an additional <li> to an <ul>
I have lots of <ul>'s, and i want to target a specific one. How is the best way to do this?

I have this (simpliefied) html. The target <ul> is the one coming right after the "links" div

<div class="clear">
	<div class="links">
		<button type="button" class="makecomment">Comment</button>
	</div>
	<ul>
		<li class="arrow">&nbsp;</li>
		<li class="comment"></li>
	</ul>
</div>
... and that a couple o'times

and this code :

$('button.makecomment').click(function(){
	$('<li class="comment"></li>').hide().appendTo('').fadeIn('slow');
});

 

[misson]

It depends on the best way to relate the button to the list. If you're generating the HTML, you could use an ID selector. Alternatively, if the button and the list have the same relative position in the document structure, you could traverse the document:

$('.makecomment').live('click', 
    function (evt) {
        var comments = $(this).closest('.links').nextAll('ul').first();
        ...
    });