Help with removing element from list using jquery
<p>I have a list:</p>

<pre><code>&lt;ul id="links_list" class="links_list"&gt;

&lt;li id="296" class="sidebar_link"&gt;text
    &lt;a onclick="deleteLink(296)" href="javascript:void(0);"&gt;Delete Link&lt;/a&gt;
&lt;/li&gt;

&lt;li id="297" class="sidebar_link"&gt;text2
    &lt;a onclick="deleteLink(297)" href="javascript:void(0);"&gt;Delete Link&lt;/a&gt;
&lt;/li&gt;

    ... etc for a long list of items ...

&lt;/ul&gt;
</code></pre>

<p>I'm currently able to remove the first element using this:   </p>

<pre><code>function deleteFirst() {

... do ajax stuff ..

$('ul.links_list li:first-child').fadeTo("fast", 0.01, function(){ //fade
    $(this).slideUp("fast", function() { //slide up
        $(this).remove(); //then remove from the DOM
    });

});

}
</code></pre>

<p>How can I modify this function to allow me to delete any item in the list?</p>
