Как удалить предыдущий li определенного класса?

Question

Я пытался удалить соседние li, но это не работает:

   $(this).prev(".Removable").remove();

Редактировать: я хочу удалить только соседние li, если у него есть этот класс.

 WHEN SELECTABLE IS CLICKED I WANT THE PREVIOUS REMOVABLE TO VANISH

  <ul>

  <li class="Removable">   <li>
  <li class="Selectable">   <li>
  <li class="Removable">     <li>

  <ul>

Answer 1

у меня сработало: http://jsbin.com/esija/edit

$(document).ready(function() {
  $(".Selectable").click(function(){
    $(this).prev(".Removable").remove();
    return false;
  })
});

Но это только удаляет предыдущего родного брата , как объявлено .

Answer 2

Не видя html-структуру, сложно сказать, какой селектор лучше всего использовать, но вы можете попробовать всеобъемлющий обход с помощью closest, чтобы набрать текущий <li> независимо от того, откуда вы начинаете обход:

$(this).closest('li').prev('li.Removable').remove()

См. Обход / ближайший .