jQuery Forum

Not tested
$().remove($('#appendExtraAppointments').children());
or
$().remove($('#appendExtraAppointments').siblings());
Not sure,
Mario
<div><span class="gmail_quote">2007/6/5, <a href="mailto:seth007@gmail.com">seth007@gmail.com</a> <<a href="mailto:seth007@gmail.com">
seth007@gmail.com</a>>:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I have the following DOM:
<ul>
<li>blah 1</li>
<li id="appendExtraAppointments">blah 2</li>
<li>blah 3</li>
<li>blah 4</li>
</ul>
I would like to remove the li elements after the <li
id="appendExtraAppointments">blah 2</li>.
I tried doing something like this, but it didn't work:
$('#appendExtraAppointments').siblings().not($('li').prev).remove();
Any ideas?
Thanks!
</blockquote></div>
<br clear="all">
--
Mário Alberto Chaves Moura
<a href="mailto:moura.mario@gmail.com">moura.mario@gmail.com</a>
31-9157-6000

var next = $('#appendExtraAppointments').next('li');
while (next.size() != 0) {
    next = $('#spc').next('li');
    next.remove();
}
Regards,
Emil Ivanov

I think the first won't remove anything since #appendExtraAppointments
doesn't have any children.
#appendExtraAppointments.sibligs() will wast all of the <li>s
var next = $('#appendExtraAppointments').next('li');
while (next.size() != 0) {
next = $('#appendExtraAppointments').next('li'); // <- had a
typo here
next.remove();
}

Thanks Emil, that solved my problem!

All you need is general sibling combinator like this:
<span class="objectBox objectBox-text">$('#appendExtraAppointments ~ li')</span><span class="objectBox objectBox-text">.remove();
More info on the selector.
<a href="http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#general-sibling-combinators">http://www.w3.org/TR/2005/WD-css3-selectors-20051215/#general-sibling-combinators</a>
<a href="http://docs.jquery.com/DOM/Traversing/Selectors">
http://docs.jquery.com/DOM/Traversing/Selectors</a>
--
Brandon Aaron
</span>
<div><span class="gmail_quote">On 6/5/07, <b class="gmail_sendername"><a href="mailto:seth007@gmail.com">seth007@gmail.com</a></b>
<<a href="mailto:seth007@gmail.com">seth007@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I have the following DOM:
<ul>
<li>blah 1</li>
<li id="appendExtraAppointments">blah 2</li>
<li>blah 3</li>
<li>blah 4</li>
</ul>
I would like to remove the li elements after the <li
id="appendExtraAppointments">blah 2</li>.
I tried doing something like this, but it didn't work:
$('#appendExtraAppointments').siblings().not($('li').prev).remove();
Any ideas?
Thanks!
</blockquote></div>