Wie Verstecke ich alle Zeilen mit der gleichen id mit jQuery oder Javascript?

Ich habe eine Tabelle mit Zeilen, die das benutzerdefinierte Attribut mit jedem anderen. Ich will zu verstecken alle Zeilen der Tabelle mit Ausnahme der übergeordneten Zeile mit jQuery (oder Javascript). Wie kann ich gehen, dies zu tun?

<table>
<tr group="1">Parent</tr>
<tr group="1">Child</tr>
<tr group="1">Child</tr>
<tr group="1">Child</tr>
</table>

Edit: Wow big Tippfehler meinerseits, ich bin schrecklich Leid, ich meinte das benutzerdefinierte Attribut. Aktualisiert!

  • Tatsächlich, HTML mehrere Elemente mit der gleichen ID ist ungültig. So, Ihr code ist ungültig.
  • Meinen Beitrag aktualisiert.
  • Dein HTML ist immer noch ungültig. TR-Elemente haben kein Attribut der Gruppe und nicht der text als chlid-Knoten, müssen Sie entweder TH oder TD.
InformationsquelleAutor Dennis Martinez | 2011-06-16
  1. 1

    Mit deinem neuen Beispiel, ist es möglich mit jQuery atribute equals selector (hier). Werfen Sie einen Blick auf dieses leckere fiddle.

    Grundsätzlich in Ihrem Selektor, brauchen Sie diese:

    $("table tr[group='2']").hide()

    Dies ist natürlich anpassbar. Der wichtige Teil ist tr[group='2']

    BEARBEITEN

    Diese aktualisierte fiddle funktionieren sollte. Wenn jemand posten kann, einen besseren Weg, bitte nicht.

    Es fügt die Zeile oben mit dabei:

    $("table tr[group='2']").filter(":not(:first)").hide();

    • Das ist derzeit was ich habe, aber ich muss alles ausblenden, außer die übergeordnete Zeile.
    • Genial, funktioniert Super.
    • Kein problem 🙂 Gerne kann ich behilflich sein.
    InformationsquelleAutor Bojangles
  2. 2

    Sie können nicht die gleiche ID, die ID-Tags muss eindeutig sein

    können Sie einfach verwenden: $("table tr:gt(0)").hide()

    (dies funktioniert nur, wenn Sie keine verschachtelten Tabellen)

    InformationsquelleAutor roberkules
  3. 0

    Du nicht haben dieselbe id verwendet, zweimal auf zwei HTML-Elemente. Außerdem, Sie nicht start eine id mit einer Zahl.

    Wenn Sie ändern, können Sie Ihr HTML-markup zu verwenden Klassen, die würde wie folgt Aussehen:

    <table>
    <tr class="one">Parent</tr>
    <tr class="one">Child</tr>
    <tr class="one">Child</tr>
    <tr class="one">Child</tr>
</table>

    Dann, Sie würde es so machen:

    $('.one').hide();
    InformationsquelleAutor Shef
  4. 0

    Sollten Sie nicht verwenden, IDs, verwenden Sie nur-Klassen, wenn ein element wiederholt sich auf der Seite, da die ID bezieht sich einzigartig zu sein, das nur einmal pro Seite. Ersetzen Sie die id Attribut class und dann können Sie diesen code verwenden:

    $('table tr[group=1]').hide();
    InformationsquelleAutor MacMac
Schreibe einen Kommentar