Reihe von Elementen mit jQuery finden und loeschen

Bicko

Erfahrenes Mitglied
Hi,

Ich habe untere HTML Struktur und moechte nun einen Teil mit jQuery loeschen und zwar alles in der Liste nach dem ersten Label Tag bis <ol>

Ich habe es erst mit
HTML:
 $(".subcategory label:nth(1)").remove();

versucht, aber die Anzahl der Elemente ist je nach Category unterschiedlich lang, es koennen also mal 5 oder auch 10 Eintraege dort stehen. Ich habe mich nun durch die verschiedenen Selektoren gelesen, aber komme einfach nicht drauf. Hat jemand eine Idee? Geht so etwas ueberhaupt?

HTML:
<li class="subcategory">
  <label class="optional" for="subcategory">Select a Subcategory:</label>

  <label for="subcategory-12">
  <input id="subcategory-12" type="radio" value="12" name="subcategory">
  Sub1vMain1
  </label>
  <br>

  <label for="subcategory-13">
  <input id="subcategory-13" type="radio" value="13" name="subcategory">
  Sub2vMain1
  </label>


<ol id="selectablesub" class="ui-selectable">
<li id="category-12" class="ui-widget-content"></li>
<li id="category-13" class="ui-widget-content"></li>
<li id="category-14" class="ui-widget-content"></li>
<li id="category-15" class="ui-widget-content"></li>
</ol>
</li>
 
Oh, jetzt bin ich doch noch ueber eine Loesung gestolpert. Es ist zwar kein Von - Bis (wuesste immer noch gerne ob es das gibt) aber es funktioniert.

Fuer alle die etwas aehnliches suchen:

HTML:
    $(".subcategory label:not(:first)").remove();
    $(".subcategory br").remove();
 
Hallo,
kannst du nicht einfach alles angeben, was nicht gelöscht werden soll?
Code:
$(".subcategory *:not(label:first, ol, li)").remove();
edit:
Und so ersparst du dir das "li" in der Liste:
Code:
$(".subcategory > *:not(label:first, ol)").remove();
Ansonsten könntest du auch das gt()- und lt()-Filter verwenden
 
Zuletzt bearbeitet:
Hi CPoly,

Deine Loesung ist genau was ich gesucht habe. Vielen Dank auch an hela!!
Gibt n' Menge zu lernen...

Gruss Bicko
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück